![](/img/trans.png)
[英]How to display “Fetching data” text to user while controller code is fetching data from API?
[英]How to print subfolder data while fetching data from API
我是 web 開發和學習如何使用 API 的新手。 我正在使用這個快速 API 並且只想打印默認的 url 而不是整個 json 文件。 請幫忙
這是來自快速 API 的正文文件
"Item":[18 items
0:{8 items
"name":"Top News"
"defaultname":"Top News"
"defaulturl":"http://timesofindia.indiatimes.com/feeds/newsdefaultfeeds.cms?feedtype=sjson"
"sectionurl":"http://timesofindia.indiatimes.com/feeds/feedurllist.cms?category=topnews"
"subsections":"no"
"template":"headlines"
"Icon":""
"ID":"Top-01"
}
1:{8 items
"name":"City"
"defaultname":"All Cities"
"defaulturl":"http://timesofindia.indiatimes.com/feeds/newsfeed/-2128932452.cms?feedtype=sjson"
"sectionurl":"http://timesofindia.indiatimes.com/feeds/feedurllist.cms?category=city"
"subsections":"yes"
"template":"news"
"Icon":""
"ID":"City-01"
}
這是我的腳本
async function fetchnews(){
const fetchresult=fetch("https://devru-times-of-india.p.rapidapi.com/feeds/feedurllist.cms?catagory=city%252FItem%252Fdefaulturl", {
"method": "GET",
"headers": {
"x-rapidapi-host": "devru-times-of-india.p.rapidapi.com",
"x-rapidapi-key": "2406d619fbmsh3e12d4fa0d35484p1c63c9jsn0404e4a39e3b"
}
})
response=await fetchresult;
const data=await response.json();
console.log(data);
}
fetchnews();
這是控制台輸出(我只想打印 defaulturl)
Item: (18) […]
0: Object { name: "Top News", defaultname: "Top News", defaulturl: "http://timesofindia.indiatimes.com/feeds/newsdefaultfeeds.cms?feedtype=sjson", … }
1: Object { name: "City", defaultname: "All Cities", defaulturl: "http://timesofindia.indiatimes.com/feeds/newsfeed/-2128932452.cms?feedtype=sjson", … }
2: Object { name: "India", defaultname: "India", defaulturl: "http://timesofindia.indiatimes.com/feeds/newsfeed/-2128936835.cms?feedtype=sjson", … }
您的 api 的響應是{'Item': [...]}
。 這意味着您應該在響應中迭代“項目”並從那里提取defaulturl
。
async function fetchnews(){
const fetchresult=fetch("https://devru-times-of-india.p.rapidapi.com/feeds/feedurllist.cms?catagory=city%252FItem%252Fdefaulturl", {
"method": "GET",
"headers": {
"x-rapidapi-host": "devru-times-of-india.p.rapidapi.com",
"x-rapidapi-key": "2406d619fbmsh3e12d4fa0d35484p1c63c9jsn0404e4a39e3b"
}
})
response=await fetchresult;
const data=await response.json();
for(item of data.Item) {
console.log(item.defaulturl);
}
}
fetchnews();
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.