jQuery ajax sending multiple request on 1 click -


i don't know happened code clicking on send button send email , sending multiple duplicate emails.. same jquery , html code used in page delete files , working fine.. doing thing? wrong ? enter image description here

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>

try this

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

Comments

Post a Comment

Popular posts from this blog

javascript - AngularJS custom datepicker directive -

i make custom datepicker directive custom template. but have no idea how start building it... how include date data directive? i appreciate guide or give me advice work on more precisely. it might you! follow below steps html code sample: <label>birth date</label> <input type="text" ng-model="birthdate" date-options="dateoptions" custom-datepicker/> <hr/> <pre>birthdate = {{birthdate}}</pre> <script type="text/ng-template" id="custom-datepicker.html"> <div class="enhanced-datepicker"> <div class="proxied-field-wrap"> <input type="text" ui-date-format="yy-mm-dd" ng-model="ngmodel" ui-date="dateoptions"/> </div> <label> <button class="btn" type="button"><i class="icon-calendar"></i>
Read more

javascript - jQuery date picker - Disable dates after the selection from the first date picker -

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jquery ui datepicker - default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function () { $("#datepicker1").datepicker(); }); </script> <script> $(function () { $("#datepicker2").datepicker(); }); </script> </head> <body> <p>date 1: <input type="text" id="datepicker1"></p> <p>date 2: <input type="t
Read more