Question

我有一个JSON，我需要从中形成一个树形结构，我还有搜索框，我将输入一个文本，它将从json中搜索并显示列表。
我的Json

{＆＃34;轮廓＆＃34;：＆＃34; CM_MGR＆＃34;＆＃34;资源＆＃34; {＆＃34; LEASE＆＃34; {＆＃34; ID＆＃34; ：＆＃34; LEASE＆＃34;＆＃34;名称＆＃34;：＆＃34; LEASE＆＃34;＆＃34;类型＆＃34;：＆＃34; MODULE＆＃34;＆＃34;儿童＆＃34;：{＆＃34; CLINE＆＃34;：{＆＃34;编号＆＃34;：＆＃34; CLINE＆＃34;＆＃34;名称＆＃34;：＆＃34;信用卡 LINE＆＃34;＆＃34;类型＆＃34;：＆＃34; MENU＆＃34;＆＃34;儿童＆＃34;：{＆＃34; RR＆＃34;：{＆＃34;编号＆＃34 ;：＆＃34; RR＆＃34;＆＃34;名称＆＃34;：＆＃34;风险评分及＃34;＆＃34;类型＆＃34;：＆＃34; SUB_MENU＆＃34;}＆＃34; CMTS＆＃34; {＆＃34; ID＆＃34;：＆＃34; CMTS＆＃34 ;，＆＃34;名称＆＃34;：＆＃34; COMMENTS＆＃34;＆＃34;类型＆＃34;：＆＃34; SUB_MENU＆＃34;＆＃34;动作＆＃34;：4}，＆＃34; FIN＆＃34; {＆＃34; ID＆＃34;：＆＃34; FIN＆＃34;＆＃34;名称＆＃34;：＆＃34;作者＆＃34;＆＃34;类型＆＃34;：＆＃34; SUB_MENU＆＃34;＆＃34;动作＆＃34;：5}，＆＃34; FA＆＃34; {＆＃34; ID＆＃34;：＆＃34; FA＆＃34;＆＃34;名称＆＃34;：＆＃34;财务分析＆＃34;＆＃34;类型＆＃34;：＆＃34; SUB_MENU＆＃34;＆＃34;动作＆＃34;：16}＆＃34; CCL＆＃34; {＆＃34; ID＆＃34;：＆＃34; CCL＆＃34;＆＃34;名称＆＃34;：＆＃34; CREATE 信用 LINE＆＃34;＆＃34;类型＆＃34;：＆＃34; SUB_MENU＆＃34;＆＃34;动作＆＃34;：5}}，＆＃34;动作＆＃34;：2}，＆＃ 34; CUST＆＃34; {＆＃34; ID＆＃34;：＆＃34; CUST＆＃34;＆＃34;名称＆＃34;：＆＃34; CUSTOMER＆＃34;＆＃34;类型＆＃ 34;：＆＃34; MENU＆＃34;＆＃34;子＆＃34; {＆＃34; EASSET＆＃34; {＆＃34; ID＆＃34;：＆＃34; EASSET＆＃34 ;, ＆＃34;名称＆＃34;：＆＃34; EXISTING ASSET＆＃34;＆＃34;类型＆＃34;：＆＃34; SUB_MENU＆＃34;＆＃34;动作＆＃34;：1}，＆＃34; MGMT＆＃34; {＆＃34; ID＆＃34;：＆＃34; MGMT＆＃34;＆＃34;名称＆＃34;：＆＃34;管理＆＃34;＆＃34;类型＆＃34;：＆＃34; SUB_MENU＆＃34;，＆＃34;动作＆＃34;：1}，＆＃34; BMODEL＆＃34; {＆＃34; ID＆＃34;：＆＃34; BMODEL＆＃34;＆＃34;名称＆＃34;：＆＃ 34; BUSINESS MODEL＆＃34;＆＃34;类型＆＃34;：＆＃34; SUB_MENU＆＃34;＆＃34;动作＆＃34;：16}＆＃34; DEMO＆＃34; {＆＃34; ID＆＃34;：＆＃34; DEMO＆＃34;＆＃34;名称＆＃34;：＆＃34; DEMOGRAPHICS＆＃34;＆＃34;类型＆＃34;：＆＃34; SUB_MENU＆＃34;，＆＃34;子＆＃34; {＆＃34; IDEN＆＃34; {＆＃34; ID＆＃34;：＆＃34; IDEN＆＃34;＆＃34;名称＆＃34;：＆＃34;鉴定 DETIALS＆＃34;＆＃34;类型＆＃34;：＆＃34; PAGE＆＃34;}＆＃34; CLASS＆＃34; {＆＃34; ID＆＃34;：＆＃34; CLASS＆＃34 ;，＆＃34;名称＆＃34;：＆＃34;分类＆＃34;＆＃34;类型＆＃34;：＆＃34; PAGE＆＃34;}＆＃34; CPERS＆＃34;：{＆＃34; ID＆＃34;：＆＃34; CPERS＆＃34;＆＃34;名称＆＃34;：＆＃34; CONTACT PERSON＆＃34;＆＃34;类型＆＃34;：＆＃34; PAGE＆＃34;}＆＃34; BDATA＆＃34; {＆＃34; ID＆＃34;：＆＃34; BDATA＆＃34 ;，＆＃34;名称＆＃34;：＆＃34;具有基本 DATA＆＃34;＆＃34;类型＆＃34;：＆＃34; PAGE＆＃34;}＆＃34; ADDR＆＃34; {＆＃34; ID＆＃34;：＆＃34; ADDR＆＃34 ;，＆＃34;名称＆＃34;：＆＃34; ADDRESS＆＃34;＆＃34;类型＆＃34;：＆＃34; PAGE＆＃34;}}}}＆＃34;动作＆＃34; ：2}，＆＃34; LI＆＃34; {＆＃34; ID＆＃34;：＆＃34; LI＆＃34;＆＃34;名称＆＃34;：＆＃34; LEASE INITIATION＆＃34;＆＃34;类型＆＃34;：＆＃34; MENU＆＃34;＆＃34;子＆＃34; {＆＃34; CF＆＃34; {＆＃34; ID＆＃34 ;：＆＃34; CF＆＃34;＆＃34;名称＆＃34;：＆＃34; CASH FLOW＆＃34;＆＃34;类型＆＃34;：＆＃34; SUB_MENU＆＃34;＆＃34;动作＆＃34;：4}，＆＃34; BASSET＆＃34; {＆＃34; ID＆＃34;：＆＃34; BASSET＆＃34;＆＃34;名称＆＃34;：＆＃34;具有基本 ASSET 细节及＃34;＆＃34;类型＆＃34;：＆＃34; SUB_MENU＆＃34;＆＃34;动作＆＃34;：16}＆＃34; LQ＆＃34; {＆＃34; ID＆＃34;：＆＃34; LQ＆＃34;＆＃34;名称＆＃34;：＆＃34; LEASE QUATATION＆＃34;＆＃34;类型＆＃34;：＆＃34; SUB_MENU＆＃34;＆＃34;动作＆＃34;：16}＆＃34;乙\ u0026A＆＃34; {＆＃34 ; ID＆＃34;：＆＃34;乙\ u0026A＆＃34;＆＃34;名称＆＃34;：＆＃34; LINK BUYBACK \ u0026 ASSIGNEE＆＃34;＆＃34;类型＆＃34;：＆＃34; SUB_MENU＆＃34;＆＃34;动作＆＃34;：16}＆＃34; GUAR＆＃34; {＆＃34; ID＆＃34;：＆＃34; GUAR＆＃34;＆＃34;名称＆＃34;：＆＃34; LINK 担保人＆＃34;＆＃34;类型＆＃34;：＆＃34; SUB_MENU＆＃34;＆＃34;动作＆＃34;：1}，＆＃34; INS＆＃34; {＆＃34; ID＆＃34;：＆＃34; INS＆＃34;＆＃34;名称＆＃34;：＆＃34; INSURANCE＆＃34;＆＃34;类型＆＃34;：＆＃34; SUB_MENU＆＃34;}} ＆＃34;动作＆＃34;：1}，＆＃34; UD＆＃34; {＆＃34; ID＆＃34;：＆＃34; UD＆＃34;＆＃34;名称＆＃34 ;: ＆＃34;承销＆＃34;＆＃34;类型＆＃34;：＆＃34; MENU＆＃34;＆＃34;子＆＃34; {＆＃34; RRCMT＆＃34; {＆＃34 ; ID＆＃34;：＆＃34; RRCMT＆＃34;＆＃34;名称＆＃34;：＆＃34;风险评分评论＆＃34;＆＃34;类型＆＃34;：＆＃34; SUB_MENU＆＃34;＆＃34;动作＆＃34;：16}＆＃34; CARPT＆＃34; {＆＃34; ID＆＃34;：＆＃34; CARPT＆＃34;＆＃34;名称＆＃34;：＆＃34; CREDIT 评价 REPORT＆＃34;＆＃34;类型＆＃34;：＆＃34; SUB_MENU＆＃34;＆＃34;动作＆＃34;：13}＆＃34; CLA＆＃34; {＆＃34; ID＆＃34;：＆＃34; CLA＆＃34;＆＃34;名称＆＃34;：＆＃34; CREDIT LINE APPROVAL＆＃34;，＆＃34;输入＆＃34;：＆＃34; SUB_MENU＆＃34;}，＆＃34; CMEMO＆＃34;：{＆＃34; id＆＃34;：＆＃34; CMEMO＆＃ 34;，＆＃34;名称＆＃34;：＆＃34; CREDIT 批准 MEMO＆＃34;＆＃34;类型＆＃34;：＆＃34; SUB_MENU＆＃34;＆＃34;动作＆＃34;：16}＆＃34; AL＆＃34; {＆＃34; ID＆＃34;：＆＃34; AL＆＃34;＆＃34;名称＆＃34;：＆＃34; APPROVAL LETTER＆＃34;＆＃34;类型＆＃34;：＆＃34; SUB_MENU＆＃34;}＆＃34; GRPT＆＃34; {＆＃34; ID＆＃34;：＆＃34; GRPT＆＃34 ;，＆＃34;名称＆＃34;：＆＃34;担保人 REPORT＆＃34;＆＃34;类型＆＃34;：＆＃34; SUB_MENU＆＃34;＆＃34;动作＆＃34;：13}＆＃34; SFA＆＃34; {＆＃34; ID＆＃34;：＆＃34; SFA＆＃34;＆＃34;名称＆＃34;：＆＃34; SUBMIT 要获得批准＆＃34;，＆＃34;键入＆＃34;：＆＃34; SUB_MENU＆＃34;}，＆＃34; UCL＆＃34;：{＆＃34; id＆＃34;：＆＃34; UCL＆＃ 34;，＆＃34;名称＆＃34;：＆＃34; UPDATE 信用 LINE＆＃34;＆＃34;类型＆＃34;：＆＃34; SUB_MENU＆＃34;＆＃34;动作＆＃34：4}}，＆＃34;动作＆＃34;：2}}}，＆＃34; ADMIN＆＃34; {＆＃34; ID＆＃34;：＆＃34; ADMIN＆＃34;＆＃34;名称＆＃34;：＆＃34; ADMIN＆＃34;＆＃34;类型＆＃34;：＆＃34; MODULE＆＃34;＆＃34;子＆＃34; {＆＃34; USERS＆＃34; {＆＃34; ID＆＃34;：＆＃34; USERS＆＃34 ;，＆＃34;名称＆＃34;：＆＃34; USERS＆＃34;＆＃34;类型＆＃34;：＆＃34; PAGE＆＃34;}}}}}

我需要设计具有以下结构的页面。有人能帮我吗？我不知道该怎么做

 $.each(data, function(key, val) {
       /**/
        if(data["resources"] != null){
           // console.log(key);
            if(key == "resources"){
                $.each(val, function(key1, val1) {
                    // console.log(key1);
                    $.each(val1, function(key2, val2) {
                        if(key2 == "name"){
                            // console.log(key2);
                           //  console.log(JSON.stringify(val2));
                             text = $('<li>'+val2+'</li>');

                        }if(key2 == "child"){
                            $.each(val2,function(key3,val3){
                              // alert(key3);
                            // alert(JSON.stringify(val3["name"]));

                                   // console.log(val3);
                                    text1 = $('<ul><li>'+val3["name"]+'</li>');
                                   lastLine = text.append(text1);
                                   lastLine.appendTo('.tbodyResource');
                                    $.each(val3,function(key4,val4){

                                        if(key4 == "child"){

                                            $.each(val4,function(key5,val5){
                                                alert(JSON.stringify(val5));
                                                  /* text2 = $('<ul><li>'+val5["name"]+'</li></ul></ul></ul></td></tr>');
                                                    lastLine = text.append(text1);
                                                   s = lastLine.append(text2);
                                                   s.appendTo('.tbodyResource');*/
                                            });
                                        }
                                    });

                            });
                        }

                });

                });
            }

        }
       });

我认为这是o / p，我知道我在这种方法中错了

使用Json的html中的表树结构？

0 个答案: