Javascript 如何在jquery中停止重复单击发布ajax_Javascript_Jquery_Ajax

Javascript 如何在jquery中停止重复单击发布ajax

javascript jquery ajax

Javascript 如何在jquery中停止重复单击发布ajax,javascript,jquery,ajax,Javascript,Jquery,Ajax,我使用django创建了一个网站。我只写了一个投票页面，当人们点击时，它会通过jQueryAjax发布数据。它工作得很好这是密码 <!doctype html> <html> <head> <script src="jquery-1.10.2.min.js"></script> <meta charset="utf-8"> <title>vote</title> </head

我使用django创建了一个网站。我只写了一个投票页面，当人们点击时，它会通过jQueryAjax发布数据。它工作得很好这是密码

<!doctype html>
<html>
 <head>
  <script src="jquery-1.10.2.min.js"></script> 
  <meta charset="utf-8">
  <title>vote</title>
 </head>
<body>
 <script language="javascript" type="text/javascript">
 $(function(){
    $(".post_up").click(function(){
        $.ajax({
            url:"/article/{{post.id}}/vote_up/",
            type:'post',              
            success:function(msg){
                var beforevote = $(".btn").text();                 
                if (msg==0){
                    $(".pop_up_vote").empty().text("thanks,i get your vote!").show(300).delay(7000).hide(300);
                      };
                      if (msg==1){
                    $(".pop_up_vote").empty().text("you already voted,do not need vote again").show(300).delay(7000).hide(300);
                };
         })

 })
 </script>

 <a href="javascript:" class="btn_gray_light post_up"><span><i class="icon_add"></i>vote</span></a> 
 <div class ="pop_up_vote" >
 </div>


</body>
</html>

当我删除这个类时，我仍然有关于ajax的问题。我如何修复它？

试试这个：

完成Ajax后，可以重新绑定相同的处理程序：

$('.post_up').one('click', function handler() {
    var el = this;
    $.ajax({
        url: '/article/{{post.id}}/vote_up/',
        type: 'post',  
        success: function (msg) {
            $(el).one('click', handler);

这是一个演示：。

试试这个：

完成Ajax后，可以重新绑定相同的处理程序：

$('.post_up').one('click', function handler() {
    var el = this;
    $.ajax({
        url: '/article/{{post.id}}/vote_up/',
        type: 'post',  
        success: function (msg) {
            $(el).one('click', handler);

这是一个演示：。

试试这个：

完成Ajax后，可以重新绑定相同的处理程序：

$('.post_up').one('click', function handler() {
    var el = this;
    $.ajax({
        url: '/article/{{post.id}}/vote_up/',
        type: 'post',  
        success: function (msg) {
            $(el).one('click', handler);

这是一个演示：。

试试这个：

完成Ajax后，可以重新绑定相同的处理程序：

$('.post_up').one('click', function handler() {
    var el = this;
    $.ajax({
        url: '/article/{{post.id}}/vote_up/',
        type: 'post',  
        success: function (msg) {
            $(el).one('click', handler);

这里有一个演示：。

我认为问题是链接的行为已经设置好了，所以删除该类不会有任何作用

试试这个

$(".post_up").unbind("click");

我认为问题在于，已经为链接设置了行为，因此删除该类不会起任何作用

试试这个

$(".post_up").unbind("click");

我认为问题在于，已经为链接设置了行为，因此删除该类不会起任何作用

试试这个

$(".post_up").unbind("click");

我认为问题在于，已经为链接设置了行为，因此删除该类不会起任何作用

试试这个

$(".post_up").unbind("click");

我想要的是，一旦ajax发送数据成功，单击被禁用，人们就不能再单击按钮发送数据了。因为，每次它单击按钮，客户端都会再次发送数据，并显示弹出消息。如果速度足够快，它会弹出许多相同的消息。@zzlettle阅读文档。这正是

.one（）

所做的。我想要的是，一旦ajax发送数据成功，单击被禁用，人们就不能单击按钮再次发送数据。因为，每次单击按钮，客户端都会再次发送数据，并显示弹出消息。如果速度足够快，它会弹出许多相同的消息。@zlettle阅读文档。这正是

.one（）

.one（）

.one（）

所做的。