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

时间:2013-07-02 15:06:54

标签: jquery forms symfony

我正在使用symfony2,我生成一个大表单(大约200个字段)

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

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

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

但这会重新加载页面

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

感谢您的帮助

1 个答案:

答案 0 :(得分:3)

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

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

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

});