jquery - 使用 jquery 发送大表单而不重新加载页面

Question

我正在使用 symfony2，我生成了一个大表单（大约 200 个字段）

我想添加一个功能来保存结束继续编辑表单。

我知道我可以使用 JQuery 发送表单：

$('#myFormId').submit();

但这会重新加载页面

我也可以使用 ajax 发送我的表单，我认为这是解决方案，但是如何轻松地将我的所有字段放入数据变量中？这就是问题

谢谢你的帮助

Answer 1

首先，您需要阻止提交表单的默认操作，这也会重定向页面。
然后你发送 ajax 调用，你可以用 jQuery 序列化表单以serialize()从表单中获取所有数据，如下所示：

$('#myFormId').on('submit', function(e) {
    e.preventDefault();

    $.ajax({
        type: $(this).attr('method'),
        url : $(this).attr('action'),
        data: $(this).serialize()
    });

});