如何在没有重新加载ajax成功页面的情况下提交表单

时间:2017-03-29 08:19:22

标签: javascript jquery ajax forms

我想在ajax成功时提交带有ajax的表单,这意味着我不想在ajax成功提交表单时重新加载页面。我试过了

if (response.success == true ) {
$form = $("#formname");
var form = $form.serializeArray();
form.push({
   name: window.csrfTokenName,
   value: window.csrfTokenValue
})

页面没有重新加载,但是表单也没有提交。我还尝试了 document.form ['formname']。submit()但重新加载了页面。 请帮忙

1 个答案:

答案 0 :(得分:1)

如果要在不重新加载页面的情况下提交表单,则必须使用Ajax请求。同时,您必须阻止浏览器提交本机表单。要防止提交,请使用类似

的内容
$('yourbuttonselector').click(function(e) {
    e.preventDefault();
});

对于不重新加载的表单提交,请使用Ajax - $.post()