javascript - jQuery.ajax : How do I get the data to send easily?

Question

我正在处理的项目中有很多表格。

所有表单几乎都通过 AJAX 进行。

    $.ajax({
        type: "GET",
        cache: false,
        url: $(this).attr("action"),
        data: ???,
        success: function(msg){
        }
    });

我希望能够拦截这些 POST 并通过 AJAX 运行它们。

代码被写入将被重用的方法中。

所以问题是:如何选择所有要传递的数据，将其转换为查询字符串并将其插入到 data: ???, 中部分。

谢谢

Answer 1

您需要拦截submit事件。在您的 <form> 上绑定(bind)一个事件处理程序元素。遇到时，通过返回false来停止其传播及其默认行为。从该事件处理程序内部。

现在，您可以创建您的 .ajax()在该处理程序中请求。要将表单数据的序列化形式创建为查询字符串，请使用 jQuery .serialize()该表单上的方法也是如此。

例如:

$('#myFormId').on('submit', function( event ) {
    $.ajax({
        type: "GET",
        cache: false,
        url: $(this).attr("action"),
        data: $(this).serialize(),
        success: function(msg){
        }
    });

    return false;
});

或者只是将其创建为委托(delegate)事件，它可以处理您的所有表单，例如

$(document).on('submit', 'form', function( event ) {
});