jQuery Ajax发送两次第二次提交,第三次提交三次

时间:2013-07-13 14:05:56

标签: php jquery ajax

我有一个php文件“popup_or_abbort.php”如果用户已经有了请求,那么请求将被取消,并且db中的行将被mysql_query删除。如果我第一次进入页面并发送请求,它会发送一次请求。如果我第二次提交,则会提出请求。如果我再次发送请求而不更新页面,它会发送请求两次。请帮我解决这个问题。

$(document).ready(function(){

  $("#request").click(function(){

      uid = "<?php echo $user_id; ?>";        
      pid = "<?php echo $p_id; ?>";           

      $.ajax ({
        type: "POST",
        url: "inc/scripts/popup_or_abbort.php",
        data: {"uid" : uid, "pid" : pid},
        success: function(data){
          if (data == "send_ok") {            

            $('#popup').fadeIn(300);
            $('#sendbutton').click(function(){
              pn = "<?php echo $p_name; ?>";
              un = "<?php echo $username; ?>";
              oid = "<?php echo $p_owner_id; ?>";
              app = $('#application').val();

              $.ajax({
                type: "POST",
                url: "inc/scripts/send_team_request.php",
                data: {"uid" : uid, "pid" : pid, "pn" : pn, "un" : un, "oid" : oid, "app" : app},
                success: function(data){
                  $('#request').html(data);
                  $('#application').val("");
                  $('#popup').fadeOut(300);

                  return false;                      
                }
              });                 
            });
          }
          else {
            $('#request').html(data);
            return false;
          }  
        }          
      }); 
  return false;              
  }); 
return false;           
});

1 个答案:

答案 0 :(得分:4)

您正在ajax回调中分配$('#sendbutton').click(function(){处理程序。实际上,每次执行ajax回调时,都会为其分配新的(相同的)处理程序。因此,在#sendbutton点击时 - 正在执行多个相同的ajax请求。

相反,在ajax调用之外委托它一次:

$(document).on("click", "#sendbutton", function() {
    ...
});