前端传入数组至后端的解决方案（前端）

最新推荐文章于 2024-05-09 00:22:35 发布

无需有太多

最新推荐文章于 2024-05-09 00:22:35 发布

阅读量2.5w

点赞数 6

分类专栏： javascript 文章标签： javascript spring mvc

本文链接：https://blog.csdn.net/qq_35170213/article/details/80869619

版权

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

前端传入数组至后端的解决方案（Java后端）

如果你还不了解后端需要的参数类型，那么请先看 –>** 点我传送

在了解后端需要什么参数之后，那我们只需要将参数转换为想要的就行了！
这里我提供我自己写好的函数，费了大半天时间！如果对你有所帮助，请给我文章点个赞把！！

实现代码：

<!DOCTYPE html >

<head>
    <meta charset="utf-8" />
    <title>前台传入数组 至 Java后台的解决方案</title>
</head>

<body>
    <script>
        var data = {
            id : 1,
            name : 'qiaolin',
            sex : '男',
            role : [
                {id:1, name:'管理员',
                    menu:[
                    {id : 1, name : '我的空间'},
                    {id : 3, name : '角色管理'}]
                },
                {id:2, name:'阿帅',
                    {id : 1, name : '人脸识别'},
                    {id : 1, name : '管理女友'}]
                },
                {id:3, name:'司草',
                    menu:[{id : 2, name : "管理object"}]
                }
            ],
        };

        function parseJson(data, newData, prefix, isArray) {
            if(!prefix){
                prefix = '';    
            }
            // 循环所有键
            for(var key in data) {
                var element = data[key];
                if(element.length > 0 && typeof(element) == "object") {
                    var tempPrefix;
                    if(isArray ){
                        tempPrefix = prefix + '.'; 
                    }
                    if(prefix){
                        tempPrefix = tempPrefix ? tempPrefix : prefix + '.' + key;
                    }else{
                        tempPrefix = key;
                    }
                    parseJson(element, newData,  tempPrefix, true);                     
                } else if(typeof(element) == "object"){
                    var tempPrefix;
                    if(isArray){
                        tempPrefix = prefix + '[' + key + ']';
                    }else if(prefix){
                        tempPrefix = prefix + '.' + key;
                    }else{
                        tempPrefix =  key;
                    }
                    parseJson(element, newData,  tempPrefix, false);
                }else {  
                    if(typeof(element) == 'undefined' || !element){
                        continue;
                    }
                    if(!prefix){
                        newData[key] = element;
                    }else if(isArray){
                        newData[prefix + '[' + key + "]"] = element;
                    }else{
                        newData[prefix + '.' + key ] = element;
                    }

                }

            }
        }

        var newData = {};
        parseJson(data, newData);

        debugger;
    </script>
</body>

效果图：

这里写图片描述

无需有太多

关注

6
点赞
踩
5

收藏

觉得还不错? 一键收藏
2
评论
前端传入数组至后端的解决方案（前端）

前端传入数组至后端的解决方案（Java后端）如果你还不了解后端需要的参数类型，那么请先看 –&gt;** 点我传送在了解后端需要什么参数之后，那我们只需要将参数转换为想要的就行了！这里我提供我自己写好的函数，费了大半天时间！如果对你有所帮助，请给我文章点个赞把！！实现代码：&lt;!DOCTYPE html &gt;&lt;head&gt; &lt...
复制链接

扫一扫