Форма Ajax, отправляющая дважды

Question

Форма Ajax отправляется дважды по какой-либо причине, даже используя preventDefault() и return false.

<script type="text/javascript"> 
    $("#form_codes").submit(function(e) { 
     e.preventDefault(); 
     $.ajax({ 
      data: $('#form_codes').serialize(), 
      type: 'POST', 
      url: '{{url('save_code')}}', 
      success: function(msg) { 
         $('#product_codes > tbody:last-child').append('<tr><td>' + $('#code').val() + '</td><td>' + $('#description').val() + '</td></tr>'); 
         $('#code').val(''); 
         $('#description').val(''); 
        }, 
      error: function(msg) { 

        } 
     });   
     return false; 
    }); 
</script> 

Answer 1

Попробуйте добавить e.stopImmediatePropagation() к представить событие, так как он предотвращает любое другое событие от выполнения так что это может остановить вторую отправку формы.

<script type="text/javascript"> 
       $("#form_codes").submit(function(e) { 
        e.preventDefault(); 
        e.stopImmediatePropagation(); 
        $.ajax({ 
         data: $('#form_codes').serialize(), 
         type: 'POST', 
         url: '{{url('save_code')}}', 
         success: function(msg) { 
          $('#product_codes > tbody:last-child').append('<tr><td>' + $('#code').val() + '</td><td>' + $('#description').val() + '</td></tr>'); 
          $('#code').val(''); 
          $('#description').val(''); 
         }, 
         error: function(msg) { 

         } 
        }); 

        return false; 
       }); 
</script> 

Answer 2

Оказывается, в моем шаблоне лопатка двигателя я был давая мой сценарий дважды (в том числе и эффективно его дважды.)

Функция работает отлично, и только представляет один раз в настоящее время.