我正在开发一个简单的按钮,它允许在我的表格中增加一行。感谢 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......
非常感谢您的帮助。
问候。
最佳答案
您绑定(bind)了额外的事件监听器
$(this).on("click", test);
它位于else
子句中。如果您在 firebug 中打开网络页面,您应该会看到重复的请求。
关于jquery - 单击时 SQL 增量(使用 ajax),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28999019/