javascript - 如何在ajax成功时提交表单而不重新加载页面

Question

这个问题已经有答案了:

AJAX: Submitting a form without refreshing the page (8 个回答)

已关闭 6 年前。

我想在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() 但重新加载了页面。请帮忙

Answer 1

如果您想提交表单而不重新加载页面，则必须使用 Ajax 请求。同时你必须阻止浏览器本地表单提交。为了防止提交使用这样的东西

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

对于无需重新加载的表单提交，请使用 Ajax - 例如 $.post()。