Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 以json格式收集每次提交的表单数据_Javascript_Json - Fatal编程技术网

Javascript 以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) {

我使用的代码是,当我们提交表单时,以JSON格式获取所有表单输入字段值

但我想收集所有时间数据,即每次提交表单时都应收集数据并显示结果。在目前情况下,我只收到一次提交:

$.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、 e
resultFormArray.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)打印当前输出;