如何在联合国订单列表中获取javascript中的json

如何使用javascript在取消订单列表中获取json数据。我尝试了很多，试图从谷歌那里得到帮助，但我找不到任何解决办法。我是json和javascript新手

我想得到像这样的json数据

let assetsdata=[];
function getAssets(){
    for ( let assets in assetsdata ){
        //console.log(assetsdata[assets]);
        let userID = assetsdata[assets].userId;
        let list2 = assetsdata[assets].dataList;
        for (let key in list2) {
            let list3 = list2[key];
            document.getElementById('demo').innerHTML +=  "<li>"+ key + '<ul id="listTwo"></ul></li>' ;
            for (let key2 in list3) {
                document.getElementById('listTwo').innerHTML +=  " <li> "+ list3[key2] + "</li>";
            }
        }
    };
}
fetch('js/getJson.json').then(function(resp){
    return resp.json();
})
.then(function(data){
    assetsdata = data.assetsData;
    getAssets();
});

---

您正在为每个

重复使用ID

列表2

。但是

document.getElementById（“listTwo”）

将始终返回第一个，而不是您刚才添加的

不要将

添加到ID的内部HTML中，而是在附加它之前将其连接到

的字符串中

通常最简单的方法是构造整个字符串，然后在末尾分配给

innerHTML

您还应该将数据作为函数参数而不是全局变量传递。您可以使用ES6模板文本来简化将变量替换到HTML中的过程

函数getAssets（assetsdata）{
设html=“”；
对于（将资产放在AssetData中）{
//console.log（assetsdata[资产]）；
让userID=assetsdata[assets].userID；
让list2=assetsdata[assets].dataList；
for（让我们输入列表2）{
让list3=list2[key]；
html+=`
${key}
`；
for（在列表3中输入2）{
html+=`
${list3[key2]}
`；
}
html+=“
”；
}
};
document.getElementById（“demo”）.innerHTML+=html；
}
fetch（'js/getJson.json'）。然后（函数（resp）{
返回resp.json（）；
})
.then（功能（数据）{
getAssets（data.assetsData）；
});

为什么要使用全局变量

assetsData

而不是将其作为函数参数？事实上，我是新手，并且我从youtube获得了帮助，以使此id必须是唯一的，您不能对每个

都使用

id=“listTwho”

是的，实际上我正在尝试先获取数据，然后我将对其进行更多修改…返回“指导原则”两次我在错误循环的末尾有

innerHTML

赋值。在循环的最后还有另一个问题，[object]显示出来了……如果我没有价值，我能得到密钥吗？比如你应该用“Market”而不是[object]如果值是对象而不是字符串，它应该显示什么？听起来您需要编写一个递归函数，为每个级别创建一个列表。请看这里：

{
    "assetsData": [
        {
            "userId": 1,
            "description": "Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.",
            "dataList": { 
                "GUIDELINES" :
                [
                    "Guidlines 1",
                    "Guidlines 2",
                    "Guidlines 3",
                    "Guidlines 4"
                ]
            }
        },
        {
            "userId": 2,
            "description": "Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.",
            "dataList": { 
                "AFTER-SALES" : 
                [   
                    "NISMO",
                    "down" , {
                        "Market" : [
                            "DIGITAL",
                            "OpH",
                            "Pos",
                            "print",
                            "social gif",
                            "social videos"
                        ]
                    } 

                ]
            }
        }
    ]
}