Php 表单提交在使用Jquery和Ajax提交后第二次不起作用
我制作了一个PHP页面,使用AJAX和Jquery在内部提交数据。它工作正常,但在提交后,当我再次(第二次)单击提交时,它不会发生。。 这是代码供参考Php 表单提交在使用Jquery和Ajax提交后第二次不起作用,php,jquery,html,ajax,jquery-ajaxq,Php,Jquery,Html,Ajax,Jquery Ajaxq,我制作了一个PHP页面,使用AJAX和Jquery在内部提交数据。它工作正常,但在提交后,当我再次(第二次)单击提交时,它不会发生。。 这是代码供参考 $(function(){ $('#sub').click(function(){ $('#myForm').on('submit',function(e){ e.preventDefault(); $.ajax({ url:"file.php
$(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">
删除其他单击事件,委派提交事件
$('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);
}
});
});
从输入类型中删除(onclick=“submitForm('file.php'))。并删除“$('#sub')。单击(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);}
});
});
});
你好,塔尼娅。(onclick=“submitForm('file.php'))是必需的,因为我给出了两个按钮,一个是preview,另一个是submit。事实上,我只见过一种输入类型submit。没有预览按钮。