Maison >interface Web >js tutoriel >js effectue un partitionnement arborescent des données json

js effectue un partitionnement arborescent des données json

小云云
小云云original
2018-03-07 13:48:491349parcourir

Cet article partage principalement avec vous l'exemple de code de js divisant les données json renvoyées dans un arbre. J'espère que cela pourra vous aider.

 $.ajax({
    type: "get",
    url: 'data.json',
    success:function(data){
    var jsondata = JSON.parse(data); //返回的数据是json字符串,把它转换成json对象,如果是json对象则不需转换
    var topArr = []; //声明一个数组,存储所有的json数据
    for (var i = 0; i< jsondata.length; i++) {        if (jsondata[i].parentid == 0) {
            jsondata[i].data = []; //给一级菜单下面添加data数据,存放二级菜单
            topArr.push(jsondata[i]);  //得到一级菜单
        }
    }    for (var j = 0; j < topArr.length; j++) {       for (var i = 0; i < jsondata.length; i++) {           if (jsondata[i].parentid == topArr[j].id) {
               jsondata[i].data = [];
               topArr[j].data.push(jsondata[i]);  //把获取的二级菜单存放到一级菜单的data对象中
           }
       }
   }    for (var j = 0; j < topArr.length; j++) {        for (var m = 0; m < topArr[j].data.length; m++) {            for (var i = 0; i < jsondata.length; i++) {                if (jsondata[i].parentid == topArr[j].data[m].id)    {
                   topArr[j].data[m].data.push(jsondata[i]); //把获取的三级菜单存放到二级菜单的data对象中
                }
            }
        }
    }
    }
});
               
 $.ajax({
    type: "get",
    url: &#39;data.json&#39;,
    success:function(data){
    var jsondata = JSON.parse(data); //返回的数据是json字符串,把它转换成json对象,如果是json对象则不需转换
    var topArr = []; //声明一个数组,存储所有的json数据
    for (var i = 0; i< jsondata.length; i++) {        if (jsondata[i].parentid == 0) {
            jsondata[i].data = []; //给一级菜单下面添加data数据,存放二级菜单
            topArr.push(jsondata[i]);  //得到一级菜单
        }
    }    for (var j = 0; j < topArr.length; j++) {       for (var i = 0; i < jsondata.length; i++) {           if (jsondata[i].parentid == topArr[j].id) {
               jsondata[i].data = [];
               topArr[j].data.push(jsondata[i]);  //把获取的二级菜单存放到一级菜单的data对象中
           }
       }
   }    for (var j = 0; j < topArr.length; j++) {        for (var m = 0; m < topArr[j].data.length; m++) {            for (var i = 0; i < jsondata.length; i++) {                if (jsondata[i].parentid == topArr[j].data[m].id)    {
                   topArr[j].data[m].data.push(jsondata[i]); //把获取的三级菜单存放到二级菜单的data对象中
                }
            }
        }
    }
    }
});

Recommandations associées :

Comment lire le code de données json en PHP

Explication détaillée de la façon dont PHP utilise gzip pour renvoyer Données JSON Sortie compressée

Exemple détaillé de la façon dont JavaScript trie et recherche les données JSON

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn