通过ajax提交多个表单
submit multiple forms by ajax
我试图通过ajax post提交多个表单,但问题是服务器在post中返回了一个空数组。
以下是我的JS中的代码:
$('#check_test').click(function(e){
e.preventDefault();
e.stopPropagation();
var results = [];
$('form').each(function(){
results.push($(this).serialize());
});
$.ajax({
'url': 'handler/test_handler.php',
'method': 'POST',
'data': JSON.stringify(results),
'dataType': 'html',
'success': function (data) {
console.log(data);
}
});
});
在服务器端:
var_dump(json_decode($_POST)); // null
var_dump($_POST); // empty array
我做错了什么?谢谢
否,没有method
属性,其type
:
$.ajax({
'url': 'handler/test_handler.php',
'type': 'POST', // type not method
'data': {data: JSON.stringify(results)},
'dataType': 'html',
'success': function (data) {
console.log(data);
}
});
method
是<form>
标记中使用的属性。
样本输出
旁注:我认为serializeArray()
更合适:
results.push($(this).serializeArray());
另一个例子
相关文章:
- HTML表单提交时未执行外部函数
- JS表单提交"无法使用Chrome数据保护程序加载此页面.尝试重新加载页面.调试信息:POST CISmtuK
- 将图像上传ajax与表单提交ajax相结合
- Javascript无法处理表单提交
- 如何在我的情况下禁用表单提交
- 加载后的页面与ajax表单提交不起作用
- angularjs-控制器在表单提交时未调用
- 禁用带有字符白名单的表单提交
- 如何使用Google Analytics跟踪表单提交
- 使用javascript将表单提交到iframe目标中
- e.preventDefault在表单提交时被忽略
- AngularJS JQuery Ajax表单提交等效
- JavaScript表单提交帮助
- PHP表单提交和重定向
- 当所有输入文本字段都为空时,禁止表单提交,但当jquery中的任何字段不为空时允许提交
- setTimeOut AFTER jQuery表单提交
- 从函数中选择要触发表单提交的正确元素
- JavaScript表单提交没有't fire asp服务器端点击功能的提交按钮
- 表单提交问题,如何在我的URL末尾获得ID的值
- Javascript使用Confirm取消表单提交