使用PHP和隐藏元素帮助AJAX

这是我第一次使用AJAX，所以我有点困惑，需要您的帮助。我有四个div id，希望根据数据库的结果在它们之间切换隐藏/显示。 听起来很简单，嗯！但这对我来说很难实现。救命啊

这是我的密码-

<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>

HEya
怎么了？
//如果存在cookie，则在开始时应隐藏表单
如果（）{
document.getElementById（'1'）.style.display='none'；
document.getElementById（'2'）.style.display='inline'；
}
//如果用户单击“拒绝”，则隐藏一个元素并显示另一个元素
如果（）{
//如果cookie存在
document.getElementById（'2'）.style.display='none'；
document.getElementById（'1'）.style.display='block'；
}
其他的
{
函数a（）
{
var a=document.getElementById（'2'）；
document.getElementById（'1'）.style.display='block'；
}
//关于拒绝创建新cookie
函数r（）
{
var a=document.getElementById（'reject'）；
document.getElementById（'1'）.style.display='none'；
document.getElementById（'2'）.style.display='block'；
}
}

---

一切都很好，但div没有隐藏起来。

你已经做了哪些工作来完成这项工作？请仅就具体问题提问。如果您需要一般指导，请寻找一个好的ajax教程。echo$responseanswer['response']是拒绝的。元素保持原样。

    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';

}

    <?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>