Hilfe mit AJAX, PHP verwenden und Elemente verstecken

Question

Dies ist mein erstes Mal mit AJAX, also bin ich ein wenig verwirrt und brauche deine Hilfe. Ich habe vier div-IDs und möchte zwischen ihnen verstecken/anzeigen, basierend auf dem Ergebnis der Datenbank. Klingt einfach, eh! Aber es ist schwer für mich zu implementieren. HILFE!.

Dies ist mein Code -

<div id="1">HEya</div> 
<div id="2">What's up?</div> 
<input type="submit" id='approve' name="action" value="Approve" onclick="a()" class="approve" /> 
<input type="submit" id='reject' value="Reject" name="action" onclick="r()" class="reject"/> 

<script language="javascript" type="text/javascript"> 
//if cookie exists, at the beginning the form should be hidden 


if (<?php $responseanswer['response']=='approve'; ?>){ 

document.getElementById('1').style.display = 'none'; 
document.getElementById('2').style.display = 'inline'; 

} 

//if user clicks reject, hide one element dislay another 

else if (<?php $responseanswer['response']=='reject'; ?>){ 
//if cookie exists 
document.getElementById('2').style.display = 'none'; 
document.getElementById('1').style.display = 'block'; 

} 

else 
{ 


function a() 
{ 
var a = document.getElementById('2'); 

document.getElementById('1').style.display= 'block'; 


} 

//on reject creating a new cookie 

function r() 
{ 
var a = document.getElementById('reject'); 
document.getElementById('1').style.display = 'none'; 
document.getElementById('2').style.display= 'block'; 


} 

} 

</script> 

Eveything ist in Ordnung, aber die div versteckt nicht.

Answer 1

if (<?php echo ($responseanswer['response']=='approve') ? true:false; ?> == 1){ 

document.getElementById('hide').style.display = 'none'; 
document.getElementById('onapprove').style.display = 'inline'; 

} 

//if user clicks reject, hide one element dislay another 

else if (<?php echo ($responseanswer['response']=='reject')? true:false; ?> == 1){ 
//if cookie exists 
document.getElementById('hide').style.display = 'none'; 
document.getElementById('onreject').style.display = 'block'; 

} 

Edit:

diese Linie <?php $responseanswer['response']=='approve'; ?>, nicht nichts an den Browser Echo, so dass Sie js Skript sind wie if() { some code } else if() { some code } jedoch diese Linie aussehen <?php echo ($responseanswer['response']=='reject')? true:false; ?> Echos 0 oder 1 (wahr oder falsch) basierend auf der Bedingung ($responseanswer['response']=='reject'), so du bist Js Code wird wie if(1 == 1) { some code } else if (0 == 1) { some code } aussehen, jetzt haben Sie einige Bedingungen zu testen, Sie sind js nicht wahr?

Zweite edit: diesen Code verwenden und es testen (der Wert Array ändern die diferences

<?php $responseanswer = array('response' => 'aprove'); ?> 
<div id="1">HEya</div> 
<div id="2">What's up?</div> 
<br /> 
<input type="submit" id='approve' name="action" value="Approve" onclick="a();" class="approve" /> 
<input type="submit" id='reject' value="Reject" name="action" onclick="r();" class="reject"/> 

<script language="javascript" type="text/javascript"> 
//if cookie exists, at the beginning the form should be hidden 


if (<?php echo ($responseanswer['response']=='aprove')? 1:0; ?> == 1) 
{ 
    document.getElementById('1').style.display = 'none'; 
    document.getElementById('2').style.display = 'inline'; 

} else if (<?php echo ($responseanswer['response']=='reject')? 1:0; ?> == 1){ 

    document.getElementById('2').style.display = 'none'; 
    document.getElementById('1').style.display = 'block'; 

} else { 
    function a() 
    { 
     var a = document.getElementById('2'); 
     document.getElementById('1').style.display= 'block'; 
     document.getElementById('2').style.display = 'none'; 
    } 
    function r() 
    { 
     var a = document.getElementById('reject'); 
     document.getElementById('1').style.display = 'none'; 
     document.getElementById('2').style.display= 'block'; 
    } 
} 

</script>