jQuery ajax发送一次点击多个请求

问题描述：

我不知道我的代码发生了什么我点击发送按钮发送电子邮件和其发送多个重复的电子邮件..相同的jQuery和HTML代码用于另一个页面删除文件和工作很好.. 是我在做一些事情吗？错了？ enter image description here jQuery ajax发送一次点击多个请求

的jQuery：

$(document).on('click','.sendwork',function(e){ 
    $('#spinner').show(); 
    var sendWork = $(this).data('id'); 

    var res   = sendWork.split("-"); 
    var comment_id = res[0]; 
    var status  = res[1]; 
    var order_id = res[2]; 
    var td = $(this).closest("td").andSelf(); 

    $.ajax({ 
     type:'POST', 
     url:'{!! URL::to('admin/sendwork/') !!}', 
     cache: false, 
     data:{ 
     '_token' : '{{ csrf_token() }}', 
     'comment_id':comment_id, 
     'status':status, 
     order_id:order_id, 
     }, 
     success: function(data){ 
      $('#spinner').hide(); 
      if (data == 'true') { 
       // $('.email-resp').html(''); 
       td.html('Email Sent'); 
      } 

     }, 
     error:function(data){ 
      $('#spinner').hide(); 
      td.html('<p style="color:red; font-weight:bold;">Fail</p>'); 
     } 
    }); 

});

HTML：

<table class="table table-compact table-bordered"> 

    <tr> 
     <th width="10"></th> 
     <th width="30">Date</th> 
     <th width="20">User</th> 
     <th width="20">Status</th> 
     <th width="450">Comment</th> 
     <th width="100">Files</th> 
    <th width="30">Action</th> 
    </tr> 

    <tr> 
     <td><a class="del-comment" href="javascript:void(0)" data-token="XyjbZEsvbfTnurM0OnRP75k049Re0dPpLynRqUe6" id="217"><span style="color:red;" class="glyphicon glyphicon-remove"></span></a> </td> 
     <td>01-Apr-15</td> 
     <td width="30">hy</td> 
     <td>Completed</td> 
     <td width="42" align="left"><p>sdf</p></td> 
     <td> 
      <a href="/uploads/PE10_1427882386_0.png" target="_blank" alt="PE10_1427882386_0.png" title="PE10_1427882386_0.png"><i class="fa fa-picture-o"></i></a>     </td> 
     <td><a href="javascript:void(0)" class="btn btn-small btn-success sendwork" data-id="217-Completed-LEH1000">Send</a></td> 
    </tr> 

</table>

检查用的$（document）.off（ '点击'）对（'点击。 '， – 2015-04-01 10:09:35

“.sendwork”类有多少个元素？ – Abhi 2015-04-01 10:11:41

html是sendWork在哪里？ – 2015-04-01 10:12:51

答

试试这个

$(document).on('click','.sendwork',function(e){ 
    // do some thing 
});

答

$(document).off('click').on('click', function(){ 
    // 
});

将工作

的代码部分确定问题很难，但是当模式关闭时，这将不会打开其他模式，除非neee刷新页面。 – 2015-04-01 10:59:43

答

问题解决了，我只是改变d代码：

形式

$(document).on('click','.sendwork',function(e){

到

$('.sendwork').on('click',function(e){

jQuery ajax发送一次点击多个请求

相关推荐