使用 AJAX 要求擷取資料
React 沒有規定特定資料擷取方法,但人們通常使用像是 axios 的函式庫或瀏覽器提供的 fetch()
API。
全域 fetch
函數可讓您製作 AJAX 要求。它會輸入 URL 並回傳會解析成 Response
物件的 Promise
。您可以在 這裡 找到更多關於 fetch
的資訊。
Promise
代表非同步作業的最終結果,您可以在 這裡 和 這裡 找到更多關於 Promise 的資訊。axios 和 fetch()
兩個都在內部中使用 Promise。您也可以使用 async / await
語法來減少回呼巢狀。
請確認 fetch()
API 和 Promise 出現在目標受眾的瀏覽器中。例如,在 Internet Explorer 中的支援需要 多重載入。
您可以在 React 網站的 AJAX 常見問題 中,進一步了解從 React 組件執行 AJAX 請求。