使用Ajax基于PHP数据单击更改div文本

假设我在PHP文件中有一个名为myDiv的div,一个名为myImg的图像,以及一个名为$x的PHP变量.
当有人点击myImg时,我需要myDiv的文本根据$x的值进行更改.

例如,假设我希望myDiv的文本在$x == 1时更改为“Hello”,如果$x == 2则更改为“Bye”.

每次文本更改时,$x的值也会改变,在这种情况下,假设当单击myImg时$x == 1,那么$x的值将变为2($x = 2),反之亦然.

我正在使用jQuery,但我读到我需要使用Ajax(要检查服务器上$x的值),但我无法弄清楚如何做到这一点.我读到了关于Ajax的内容,但没有一个例子解释过这样的内容.

解决方法:

我将在新的答案中添加修改后的解决方案,因此您仍然可以看到前面的示例,因为代码可能提供了有用的示例.

在此示例中,我们使用会话变量来存储ajax调用之间的值.

FILE1.PHP

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function(){
        $('#myImg').click(function() {
            $.ajax({
                type: "POST",
                url: "FILE2.PHP",
                data: '',
                success:function(data){
                    alert(data);
                }
            });
        });
    });
</script>

<div id="myDiv">
    Click picture below to GO:<br />
    <img id="myImg" src="http://www.gravatar.com/avatar/783e6dfea0dcf458037183bdb333918d?s=32&d=identicon&r=PG">
</div>

FILE2.PHP

<?PHP
session_start();

if (isset($_SESSION['myNum'])) {
    $x = $_SESSION['myNum'];
}else{
    //No session set yet, so initialize with x = 1
    $x = 1;
}

if ($x == 1) {
    $_SESSION['myNum'] = 2;
    echo 'Hello its a one';
}else{
    $_SESSION['myNum'] = 1;
    echo 'Goodbye TWO';
}
?>