▪️Javascript - 抓取網路資料
2022-8-14
| 2025-3-27
字數 539閱讀時間 2 分鐘
本文抓取網站來源:https://jsonplaceholder.typicode.com/

方法1:XMLHttpRequest()

範例:
這邊我們將抓取的api 標題,放進網站裡
 
步驟1: 抓取api
備註:監聽器要先宣告
 
步驟2: 將抓取內容放進網頁
 
結果:
 

方法2:fetch()

fetch 回傳的是 Promise 物件
範例:
這邊我們將抓取的api 標題,放進網站裡
 
用法:
 
結果:
 
備註:fetch() 是非同步,如果要跑的api 要求過久可能出問題

async , await

用法:
由於 fetch 方法是非同步,所以當要求過久,而程式又需要拿要求結果的資料時,會出問題,所以我們需要用 await (等待) 去控制程式,讓他在成功拿到資料後再繼續執行。
 
範例:
 
輸出:
  • Javascript
  • 將西元年轉為民國年聚合函示:對數字做處理
    Loading...