JSON对象转成form

当contentType: 'application/x-www-form-urlencoded'方式提交时,提交的数据中为复杂的json,在签名验证时,会很麻烦,在网上搜索都没有找到合适的代码,都是只支持第一层转化,并且都是复制的,就写了一个不限层的转换方法给需要的朋友参考一下,本人并非js开发

转换方法

                /**
                 * JSON对象转为Form提交数据
                 * @param data Json数据
                 * @param key key
                 * @param type 1.数组或对象,-1.值
                 */
                var JsonToFormParmas = function (data, key = '', type = -1) {
                    var params = [];
                    for (var key1 in data) {
                        var val1 = data[key1];
                        if (Array.isArray(val1) == true) {
                            for (var key2 in val1) {
                                var val2 = val1[key2];
                                if (Array.isArray(val2) == true) {
                                    if (type == 1)
                                        params = params.concat(JsonToFormParmas(val2, `${key}[${key1}][${key2}]`, 1));
                                    else
                                        params = params.concat(JsonToFormParmas(val2, `${key}${key1}[${key2}]`, 1));
                                }
                                else if (typeof val2 === 'object') {
                                    if (type == 1)
                                        params = params.concat(JsonToFormParmas(val2, `${key}[${key1}][${key2}]`, 1));
                                    else
                                        params = params.concat(JsonToFormParmas(val2, `${key}${key1}[${key2}]`, 1));
                                }
                                else {
                                    if (type == 1) {
                                        params.push({ key: `${key}[${key1}][]`, val: val1[key2] });
                                    }
                                    else {
                                        params.push({ key: `${key}${key1}[]`, val: val1[key2] });
                                    }
                                }
                            }
                        }
                        else if (typeof val1 === 'object') {
                            if (type == 1)
                                params = params.concat(JsonToFormParmas(val1, `${key}[${key1}]`, 1));
                            else
                                params = params.concat(JsonToFormParmas(val1, `${key}${key1}`, 1));
                        }
                        else {
                            if (type == 1) {
                                params.push({ key: key + `[${key1}]`, val: val1 });
                            }
                            else {
                                params.push({ key: key1, val: val1 });
                            }
                        }
                    }
                    return params;
                }

测试代码如下

                var data = {
                    name: 'name0',
                    isb: true,
                    list1: [1, 2],
                    list2: [
                        {
                            name: 'name1',
                            value: 'value1'
                        },
                        {
                            name: 'name2',
                            value: 'value2'
                        }],
                    data1: {
                        name: 'name3',
                        list3: [1, 2],
                        list4: [{
                            name: 'name1',
                            value: 'value1'
                        }],
                        data2: {
                            name: 'name4'
                        }
                    }
                };var params = JsonToFormParmas(data);

测试结果

[
    {
        "key": "name",
        "val": "name0"
    },
    {
        "key": "isb",
        "val": true
    },
    {
        "key": "list1[]",
        "val": 1
    },
    {
        "key": "list1[]",
        "val": 2
    },
    {
        "key": "list2[0][name]",
        "val": "name1"
    },
    {
        "key": "list2[0][value]",
        "val": "value1"
    },
    {
        "key": "list2[1][name]",
        "val": "name2"
    },
    {
        "key": "list2[1][value]",
        "val": "value2"
    },
    {
        "key": "data1[name]",
        "val": "name3"
    },
    {
        "key": "data1[list3][]",
        "val": 1
    },
    {
        "key": "data1[list3][]",
        "val": 2
    },
    {
        "key": "data1[list4][0][name]",
        "val": "name1"
    },
    {
        "key": "data1[list4][0][value]",
        "val": "value1"
    },
    {
        "key": "data1[data2][name]",
        "val": "name4"
    }
]

新建一个index.html页面测试

<script>
    var data = {
        name: 'name',
        isb: true,
        list: [,],
        list: [
            {
                name: 'name',
                value: 'value'
            },
            {
                name: 'name',
                value: 'value'
            }],
        data: {
            name: 'name',
            list: [,],
            list: [{
                name: 'name',
                value: 'value'
            }],
            data: {
                name: 'name'
            }
        }
    };
    layui.$.ajax({
        url: 'https://www.baidu.com',
        data: data,
        async: false,
        contentType: 'application/x-www-form-urlencoded'
    })
</script>

浏览器验证结果