使用jquery发送大表单而不重新加载页面
我使用的是symfony2,我生成了一个大表单(大约200个字段) 我想添加一个函数来保存并继续编辑表单 我知道我可以使用JQuery发送表单:使用jquery发送大表单而不重新加载页面,jquery,forms,symfony,Jquery,Forms,Symfony,我使用的是symfony2,我生成了一个大表单(大约200个字段) 我想添加一个函数来保存并继续编辑表单 我知道我可以使用JQuery发送表单: $('#myFormId').submit(); 但这会重新加载页面 我也可以使用ajax发送表单,我认为这是解决方案,但是如何轻松地将所有字段放入数据变量中呢?这就是问题所在 感谢您的帮助首先,您需要阻止提交表单的默认操作,这也会重定向页面。 然后发送ajax调用,可以使用jQuery的serialize()对表单进行序列化,以从表单中获取所有数据
$('#myFormId').submit();
但这会重新加载页面
我也可以使用ajax发送表单,我认为这是解决方案,但是如何轻松地将所有字段放入数据变量中呢?这就是问题所在
感谢您的帮助首先,您需要阻止提交表单的默认操作,这也会重定向页面。
然后发送ajax调用,可以使用jQuery的
serialize()
对表单进行序列化,以从表单中获取所有数据,如下所示:
$('#myFormId').on('submit', function(e) {
e.preventDefault();
$.ajax({
type: $(this).attr('method'),
url : $(this).attr('action'),
data: $(this).serialize()
});
});
首先,您需要防止提交表单的默认操作,这也会重定向页面。
然后发送ajax调用,可以使用jQuery的
serialize()
对表单进行序列化,以从表单中获取所有数据,如下所示:
$('#myFormId').on('submit', function(e) {
e.preventDefault();
$.ajax({
type: $(this).attr('method'),
url : $(this).attr('action'),
data: $(this).serialize()
});
});
感谢它的工作:)我不知道序列化的形式,il可以非常有用谢谢它的工作:)我不知道序列化的形式,il可以非常有用