当前位置:坤哥网-kungge-JavaScript 如何将多个表单合并起来一起提交

JavaScript 如何将多个表单合并起来一起提交

2018/3/1 16:37:30 kungge阅读(250) 评论(0)


工作中遇到这样一个场景,一次提交需要将多个表单一起提交,因为 form 表单是不能嵌套的,只能通过JavaScript来处理了。

先添加一个jQuery扩展:

  (function ($) {
        $.fn.serializeJson = function () {
            var serializeObj = {};
            var array = this.serializeArray();
            var str = this.serialize();
            $(array).each(function () {
                if (serializeObj[this.name]) {
                    if ($.isArray(serializeObj[this.name])) {
                        serializeObj[this.name].push(this.value);
                    } else {
                        serializeObj[this.name] = [serializeObj[this.name], this.value];
                    }
                } else {
                    serializeObj[this.name] = this.value;
                }
            });
            return serializeObj;
        };
    })(jQuery);

提交的时候,调用如下:

function fSecondSetp() {

    var firstData = $('#firstStepForm').serializeJson();
    var secondData = $('#secondStepForm').serializeJson();

    console.log(firstData);
    console.log(secondData);
    
    var data = {};

    $.extend(data, firstData, secondData);

    console.log(data);
}

查看下打印的日志:

9c8d6642-883c-4372-97d9-1946ec0b9dde.png

合并成功!



标签: 表单
分类: 问题记录

发表评论 没有账号,注册评论