Ajax / PHP值不会增加一次以上

Question

我正在开发一个非常简单的投票系统，作为概念证明，我有一个带有php定义变量的div，该变量应该在单击按钮时增加1。 我到目前为止工作，但只有一次......为什么votes值不能继续点击该按钮时去了？

到目前为止，这是我的代码：

投票页面：

<?php $votes = 0 ?>

<script>
$(document).ready(function(){
    $("#btn1").click(function() 
    {
        var votes = document.getElementById("votes").innerHTML;

        $.ajax({
            type: "POST",
            url: "ajax.php",
            data: votes,
            success: function(votes)
            {
                document.getElementById("votes").innerHTML = votes; 
            }                 
            });
    })
}); 
</script>
<div id="votes"><?= $votes ?></div>
<input type="button" id="btn1" value="vote!"/>

ajax.php：

<?php
    echo $_POST["votes"] + 1;            
?>

Answer 1

问题是在服务器脚本中，您试图访问名为votes的特定POST参数。 但是，在客户端脚本中，您仅向服务器发送一个字符串（ votes值），而无需对其进行任何标记。

将data: votes行更改为data: {votes: votes}或类似的，首先； 更正您的脚本，以便未设置$_POST['votes'] ，这表明存在错误：

if (! isset($_POST['votes'])) {
   throw new Exception('No value for votes'); 
}
echo $_POST['votes'] + 1;

请注意，即使没有全能的SO，您也会注意到这一点。 ）请注意，如果只是将error_reporting级别设置得不太高，原始代码应该已经触发了E_NOTICE（因为未定义$_POST['votes'] ）。 请记住，在开发中， error_reporting(-1)行是您的朋友。

Answer 2

您需要将变量保存到一些更永久的位置。 到目前为止，每次脚本终止（每次页面加载）时，它都会丢失。 将其存储在$ _SESSION中，您就可以使用了。 请注意，您需要调用session_start（）才能使会话正常工作。