将表单提交给ajax函数，但它也在重新加载页面

Question

我的问题可能很简单，但无论如何我都会问。

所以我的表单中有一个提交按钮，其中有一个onclick =“ajax（）”，同时表单的动作是action =“”

我注意到在执行我的表单页面时，它会重定向到我的操作代码中的任何内容。

在做ajax表单提交时我应该做什么？

Answer 1

使用return false;

onclick="ajax();return false;"

Answer 2

提交按钮提交表单。使用常规按钮。 input type="button"

Answer 3

如果您正在使用jQuery，请执行jQuery的方式（不要调用onclick中的函数）：

$(document).ready(function () {
    $("#buttonId").click(function (event) {
        event.preventDefault();
        // do submit here
    });
});

或使用malsup's AJAX form plugin。

Answer 4

你需要做的是preventDefault形成你的ajax函数，以便提交不被触发

所以它看起来像这样：

onclick="ajax(event)"

function ajax(e){
  ...
  e.preventDefault();
}