SQL 点击增加（使用 ajax）

Question

我正在开发一个简单的按钮，它允许在我的 table 中增加一行。感谢 AJAX，当按钮 +1 被点击时，它被 -1 按钮取代。但是，当我点击一次 +1，然后点击 -1，再点击一次 +1 时，问题就出现了。

这就是我所拥有的：

vote = 0
click on "+1"
 vote = 1
click on "-1"
 vote = 0
click on "+1"
 vote = 2
click on "-1"
 vote = 0
click on "+1"
 vote = 3

如您所见，投票应该等于 1...

这是我的代码：

<?php if($data['statut'] == 1) { ?>
 <button type="button" class="button" id="<?php echo $data['ID']; ?>">-1</button><?php 
} else { ?>
 <button type="button" class="button2" id="<?php echo $data['ID']; ?>">+1</button><?php 
} ?>

AJAX :

        $('button').on("click", function test() {
        $(this).off("click");

        var ID = $(this).attr("id");

        if($(this).hasClass('button2')) {
            $.ajax({
                type: "POST",
                url: "add.php",
                data: {"ID_oeuvre": ID},
                success: function(html){
                    $("button#"+ID).removeClass("button2").addClass("button").html("-1");
                    $("button#"+ID).on("click", test);
                }
            });
        } else {
            $.ajax({
                type: "POST",
                url: "delete.php",
                data: {"ID_oeuvre": ID},
                success: function(html){
                    $("button#"+ID).removeClass("button").addClass("button2").html("+1");
                    $("button#"+ID).on("click", test);
                }
            });
            $(this).on("click", test);
        };
    });

ADD.PHP

    $requete = $bdd->prepare('UPDATE vote SET nb_vote = nb_vote + 1 WHERE ID_member = :ID_member');
    $requete->execute(array('ID_member' => $member_ID));
    $requete->closeCursor();

DELETE.PHP同上，只是把nb_vote + 1换成nb_vote - 1

只有当我不重新加载页面时才会出现此问题。如果我在每次单击按钮后重新加载页面，就没有问题。所以我认为问题是由于没有页面重新加载，nb_vote 保留了旧值，但这并不能解释为什么在那之后它又回到 0...

非常感谢您的帮助。

此致。

Answer 1

您有额外的事件侦听器绑定

$(this).on("click", test);

它在 else 子句中。如果您在 firebug 中打开网络页面，您应该会看到重复的请求。

SQL 点击增加（使用 ajax）

SQL increment on click (using ajax)

jquery

mysql

sql

ajax

increment