Jquery AJAX帖子表单正在更改页面
这让我发疯,我相信这是一个愚蠢的小错误,但我看不出来-你们中的一个天才能让我难堪并指出它吗 该表单像常规表单一样发布,即当我希望它像JQuery一样内联提交时,更改页面 JQUERY:Jquery AJAX帖子表单正在更改页面,jquery,ajax,forms,post,Jquery,Ajax,Forms,Post,这让我发疯,我相信这是一个愚蠢的小错误,但我看不出来-你们中的一个天才能让我难堪并指出它吗 该表单像常规表单一样发布,即当我希望它像JQuery一样内联提交时,更改页面 JQUERY: $("#emailPromoter").submit(function(e) { var postData = $(this).serializeArray(); var formURL = $(this).attr("action");
$("#emailPromoter").submit(function(e) {
var postData = $(this).serializeArray();
var formURL = $(this).attr("action");
$.ajax( {
url : formURL,
type: "POST",
data : postData,
success:function(data, textStatus, jqXHR) {
$('#venueForm').html( JSON.stringify( data ) );
},
error: function(jqXHR, textStatus, errorThrown) {
console.log( errorThrown );
}
});
e.preventDefault();
});
HTML:
您可以添加返回false代码>而不是e.preventDefault()代码>通过摆弄它解决了问题,不确定具体如何解决,但这最终是我的jquery:
$("#emailPromoter").submit(function(e) {
var postData = $(this).serialize();
var formURL = $(this).attr("action");
$.ajax( {
url : formURL,
type: "POST",
data : postData,
success:function(data, textStatus, jqXHR) {
$('#venueForm').html( data );
},
error: function(jqXHR, textStatus, errorThrown) {
console.log( errorThrown );
}
});
e.preventDefault();
});
我刚试过。让我意识到函数没有被调用。如果你的网页在某个地方,我可以帮你。但是对于您当前提供的代码,我认为问题来自e.preventDefault();这里是live,请单击电子邮件选项卡查看我试图通过jquery发布的表单:
$("#emailPromoter").submit(function(e) {
var postData = $(this).serialize();
var formURL = $(this).attr("action");
$.ajax( {
url : formURL,
type: "POST",
data : postData,
success:function(data, textStatus, jqXHR) {
$('#venueForm').html( data );
},
error: function(jqXHR, textStatus, errorThrown) {
console.log( errorThrown );
}
});
e.preventDefault();
});