Javascript 以json格式收集每次提交的表单数据
我使用的代码是,当我们提交表单时,以JSON格式获取所有表单输入字段值 但我想收集所有时间数据,即每次提交表单时都应收集数据并显示结果。在目前情况下,我只收到一次提交:Javascript 以json格式收集每次提交的表单数据,javascript,json,Javascript,Json,我使用的代码是,当我们提交表单时,以JSON格式获取所有表单输入字段值 但我想收集所有时间数据,即每次提交表单时都应收集数据并显示结果。在目前情况下,我只收到一次提交: $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name] !== undefined) {
$.fn.serializeObject = function()
{
var o = {};
var a = this.serializeArray();
$.each(a, function() {
if (o[this.name] !== undefined) {
if (!o[this.name].push) {
o[this.name] = [o[this.name]];
}
o[this.name].push(this.value || '');
} else {
o[this.name] = this.value || '';
}
});
return o;
};
$(function() {
$('form').submit(function(e) {
var ks = $('#answer').val().split("\n");
var formData = $('form').serializeObject();
$.extend(formData, { answerss : ks});
var result = JSON.stringify(formData);
$("#result").html(result);
return false;
});
});
电流输出:
{
"question": "1+1",
"type": "checkbox",
"answer": "1\r\n2\r\n3\r\n4",
"mandatory": "yes",
"json_data": "",
"answerss": ["1", "2", "3", "4"]
}
使用一个数组,比如“
resultFormArray
”,每次提交时,将它推送到该数组中。i、 eresultFormArray.push(formData)
其中formData是您拥有当前提交数据的obj
。现在,resultFormArray
将包含所有表单数据
var resultFormArray=[ ];
$(function() {
$('form').submit(function(e) {
var ks = $('#answer').val().split("\n");
var formData = $('form').serializeObject();
$.extend(formData, { answerss : ks});
resultFormArray.push(formData);
console.log(resultFormArray) /*will have all the form datas in this*/
/*var result = JSON.stringify(formData);
$("#result").html(result); */
return false;
});
});
感谢@Abhi的回复,您能否给出一个工作示例,说明如何以div$(“#result”).html(resultFormArray)打印当前输出;