jquery - 通过 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;
});