Форма отправки не работает во второй раз после отправки с использованием Jquery и Ajax
Я сделал страницу 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">
Решение
Удалите (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);}
});
});
});
Другие решения
Удалите другие события клика, делегируйте ваше событие отправки
$('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);
}
});
});