通过 jquery/ajax 在表单提交中传递数据

Question

我想使用 jquery/ajax 提交一个包含大约 10 个输入的表单，但我不知道如何通过 ajax 的数据参数将数据传递给它。我应该序列化它们吗？

Answer 1

jQuery.serialize 会对您有所帮助。对要提交的表单的所有字段使用 name 属性非常重要。对应的代码可以是下面这样

$("form#myFormId").submit(function() {
    var mydata = $("form#myFormId").serialize();
    console.log(mydata); // it's only for test
    $.ajax({
        type: "POST",
        url: "myUrlToPostData.php",
        data: mydata,
        success: function(response, textStatus, xhr) {
            console.log("success");
        },
        error: function(xhr, textStatus, errorThrown) {
            console.log("error");
        }
    });
    return false;
});

Answer 2

$.ajax({
type: "POST",
url: "handle.php",
data: "n="+name+"&e="+email,
success: function() {
alert('It worked');
}
});

这是最简单的使用方法。这只会将两个 post 变量 $_POST['n'] 和 $_POST['e'] 发送到handle.php。如果您的 ajax 位于名为 send() 的函数中，您的表单将如下所示：

<form id="form" onsubmit="send(this.name.value, this.email.value); return false;">