Ajax 양식을 두 번 제출하십시오

Question

preventDefault() 및 return false을 사용해도 My Ajax 양식이 두 번 제출됩니다.

<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

내가 두 번 내 스크립트를 산출 한 내 블레이드 템플릿 엔진에서 밝혀 (효과적으로 두 번을 포함.)

을 기능은 잘 작동 한 번만 지금 제출합니다.