跳至主要內容

使用 AJAX 要求擷取資料

React 沒有規定特定資料擷取方法,但人們通常使用像是 axios 的函式庫或瀏覽器提供的 fetch() API

全域 fetch 函數可讓您製作 AJAX 要求。它會輸入 URL 並回傳會解析成 Response 物件的 Promise。您可以在 這裡 找到更多關於 fetch 的資訊。

Promise 代表非同步作業的最終結果,您可以在 這裡這裡 找到更多關於 Promise 的資訊。axios 和 fetch() 兩個都在內部中使用 Promise。您也可以使用 async / await 語法來減少回呼巢狀。

請確認 fetch() APIPromise 出現在目標受眾的瀏覽器中。例如,在 Internet Explorer 中的支援需要 多重載入

您可以在 React 網站的 AJAX 常見問題 中,進一步了解從 React 組件執行 AJAX 請求。