Форма Представление не работает во второй раз после отправки с использованием JQuery и Ajax

Question

Я создал страницу PHP, которая передает данные внутренне с помощью AJAX и JQuery. Он отлично работает, но после того, как подать, когда я нажимаю на кнопку Отправить еще раз (второй раз) не бывает .. Вот код для справки

$(function(){ 
    $('#sub').click(function(){ 
     $('#myForm').on('submit',function(e){ 
      e.preventDefault(); 
      $.ajax({ 
       url:"file.php", 
       type:'POST', 
       data:new FormData(this), 
       contentType: false, 
       processData:false, 
       success:function(data){ 
        $("#myResponse").replaceWith(data);} 
       }); 
      }); 
     }); 
    }); 
}); 

Это кнопка отправить внутри от

<input type="submit" value="Submit" name="submit" id="sub" onclick="submitForm('file.php')" data-toggle="modal" data-target="#myModal"> 

Answer 1

Удалите другие события щелчка, делегирование отправить событие

$('body').on('submit','#myForm', function(e) { 
    e.preventDefault(); 
    $.ajax({ 
    url: "file.php", 
    type: 'POST', 
    data: new FormData(this), 
    contentType: false, 
    processData: false, 
    success: function(data) { 
     $("#myResponse").replaceWith(data); 
    } 
    }); 
}); 

Answer 2

Удалить (OnClick = "SubmitForm ('file.php')") от типа входного сигнала. А также удалите «$ ('# sub»). Click (function() {}); " , только держите это как:

$('#myForm').on('submit',function(e){ 
    e.preventDefault(); 
    $.ajax({ 
    url:"file.php", 
    type:'POST', 
    data:new FormData(this), 
    contentType: false, 
    processData:false, 
    success:function(data){ 
    $("#myResponse").replaceWith(data);} 
    }); 
    }); 
    });