如何使用 javascript 訪問 json 文件 (API) 中的元素？
[英]How do I can I access elements in json file (API) using javascript?
問題描述
我正在嘗試顯示此 JSON 文件中的所有名稱，
https://next.json-generator.com/api/json/get/41P1_UhSI
<,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width. initial-scale=1:0"> <title>testing</title> </head> <body> <script> const api_url = 'https.//next.json-generator;com/api/json/get/41P1_UhSI'; async function getAPI() { const response = await fetch(api_url). const data = await response;json(). console.log(Object.values(data;name)). //or console.log(data;name); } getAPI(); </script> </body> </html>
運行此代碼時出現錯誤：“未定義”。
如果有人能指出我正確的方向，那就太好了，謝謝！
2 個解決方案
解決方案1
1 已采納 2020-06-29 16:30:02
data不是具有name屬性的 object，因此name上未定義。
data是一個數組，其中包含許多具有name屬性的對象。
解決方案2
0 2020-06-29 17:26:36
嘗試這個：
const api_url = 'https://next.json-generator.com/api/json/get/41P1_UhSI'
async function getAPI() {
await fetch(api_url)
.then((response) => {
return response.json();
})
.then((data) => {
data.map(it =>
console.log(it.name))
});
}
getAPI();
如何使用javascript訪問json對象的元素？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
如何使用javascript訪問json對象的元素？
如何使用 JavaScript 將 Web API 保存到 JSON 文件？
如何訪問此JSON編碼的javascript的這些元素？
如何通過 javascript 訪問 JSON 元素？
如何使用javascript訪問HTML中的未命名元素？
SVG + Javascript：如何使用類訪問元素？
如何從離線訪問在線JSON文件？ （JavaScript的）
如何使用javascript變量訪問JSON對象
如何使用 JavaScript 訪問 JSON 文檔的屬性？
如何使用 Javascript 訪問 iframe 元素？
相關標簽