html的表单name多层嵌套转化为对象input的name 用js或jq转化为json对象

最新推荐文章于 2022-12-05 10:53:47 发布

宇飞林海

最新推荐文章于 2022-12-05 10:53:47 发布

阅读量422

点赞数 1

分类专栏： javascript 文章标签： html 前端

本文链接：https://blog.csdn.net/qq_25275355/article/details/125748154

版权

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

目标

{
    "module":"CUS_COM",
    "customerId":1,
    "prodTypeAt":{
        "buy":"15.00",
        "buyStatus":"YES",
        "renew":"15.00",
        "renewStatus":"YES",
        "upgrade":"10.00",
        "refund":"10.00",
        "postpaid":"8.00"
    },
    "prodTypeBt":{
        "buy":"10.00",
        "renew":"10.00",
        "upgrade":"10.00",
        "refund":"12.00",
        "postpaid":"11.00"
    }
}

源头

 <input type="text" name="prodTypeAt[buy]" value="10">
 <input type="text" name="prodTypeAt[renew]" value="10">


 <input type="text" name="prodTypeBt[buy]" value="10">
 <input type="text" name="prodTypeBt[renew]" value="10">

实现

$('#my-form').serializeObject();//使用



(function($){
    $.fn.serializeObject = function(){

        var self = this,
            json = {},
            push_counters = {},
            patterns = {
                "validate": /^[a-zA-Z][a-zA-Z0-9_]*(?:\[(?:\d*|[a-zA-Z0-9_]+)\])*$/,
                "key":      /[a-zA-Z0-9_]+|(?=\[\])/g,
                "push":     /^$/,
                "fixed":    /^\d+$/,
                "named":    /^[a-zA-Z0-9_]+$/
            };


        this.build = function(base, key, value){
            base[key] = value;
            return base;
        };

        this.push_counter = function(key){
            if(push_counters[key] === undefined){
                push_counters[key] = 0;
            }
            return push_counters[key]++;
        };

        $.each($(this).serializeArray(), function(){

            // Skip invalid keys
            if(!patterns.validate.test(this.name)){
                return;
            }

            var k,
                keys = this.name.match(patterns.key),
                merge = this.value,
                reverse_key = this.name;

            while((k = keys.pop()) !== undefined){

                // Adjust reverse_key
                reverse_key = reverse_key.replace(new RegExp("\\[" + k + "\\]$"), '');

                // Push
                if(k.match(patterns.push)){
                    merge = self.build([], self.push_counter(reverse_key), merge);
                }

                // Fixed
                else if(k.match(patterns.fixed)){
                    merge = self.build([], k, merge);
                }

                // Named
                else if(k.match(patterns.named)){
                    merge = self.build({}, k, merge);
                }
            }

            json = $.extend(true, json, merge);
        });

        return json;
    };
})(jQuery);

完结