我正在從 json 檔案中提取資料
[
{
"name": "Charlie S. Gerardi",
"avatar": "https://s3.amazonaws.com/uifaces/faces/twitter/brad_frost/128.jpg",
"id": 75,
"occupation": "Residential electrician"
},
{
"name": "Riley D. Norris",
"avatar": "",
"id": 23,
"occupation": "Transmission engineer"
}
]
當我console.log(data)能夠看到 json 檔案時
<script>
const api_url='https://api.airtable.com/v0/appBTaX8XIvvr6zEC/tblYPd5g5k5IKIc98?api_key=key4v56MUqVr9sNJv'
async function getAirtable() {
const response = await fetch(api_url);
const data = await response.json();
console.log(data.name)
console.log(data.id) //am not able to see the values in my consol//
console.log(data.avatar)
console.log(data.occupation)
}
getAirtable()
</script>
uj5u.com熱心網友回復：
要訪問您的資料，請通過遍歷專案嘗試此邏輯
const api_url = "https://api.airtable.com/v0/appBTaX8XIvvr6zEC/tblYPd5g5k5IKIc98?api_key=key4v56MUqVr9sNJv";
async function getAirtable() {
const response = await fetch(api_url);
const data = await response.json();
const allData = data.records.map((rec) => rec.fields);
// allData = [
// {
// Id: 79,
// Name: "Julia A. Robles",
// avatar:
// "https://s3.amazonaws.com/uifaces/faces/twitter/pixeliris/128.jpg",
// occupation: "Prosthodontist",
// },
// {
// Id: 29,
// Name: "Matthew H. Glover",
// avatar:
// "https://s3.amazonaws.com/uifaces/faces/twitter/flame_kaizar/128.jpg",
// occupation: "Transportation attendant",
// },
// ];
console.log(allData);
}
uj5u.com熱心網友回復：
根據您的 JSON，資料是一個陣列，因此如果您想查看所有內容，則需要遍歷陣列，例如
data.forEach(item => console.log(item.id))
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/505117.html
標籤：javascript
上一篇：使用innerHTML時在onclick事件中傳遞引數的問題
下一篇：JS選擇沒有ID的長度