JavaScript >> Javascript 文檔 >  >> Tags >> API

如何使用 Fetch API 在 JavaScript 中獲取 HTML 響應

JavaScript Fetch API 是用於發出網絡請求的傳統內置 XMLHttpRequest (XHR) 對象的現代且通用的替代方案。它還支持promise,這使得編寫異步代碼更容易。

Response fetch() 返回的對象 方法包含有關請求和網絡請求響應的信息,包括標頭、狀態碼和狀態消息。

Response 對象提供了幾種訪問響應主體的方法,例如 json() , text() , 和更多。要獲取 HTML 字符串形式的響應,您可以使用 text() 方法。

這是一個將 Google 主頁作為 HTML 字符串下載並在控制台上打印的示例:

fetch('https://www.google.com')
    .then(res => res.text())
    .then(res => console.log(res))
    .catch(err => console.error(err));

text() 方法將響應正文作為字符串返回。查看此部分以了解有關 Fetch API 響應格式的更多信息。


Tutorial JavaScript 教程
  1. 使用 Svelte 的派生商店

  2. 在 React 中編寫自定義 Hooks

  3. 僅在指定字符的第一個實例上拆分字符串

  4. 為什麼應該在私有註冊表中託管公共 npm 包

  5. 如何使用javascript將html表格導出到excel

  6. React 用於服務器開發

  7. 使用 React 和 Apollo Graphql 創建應用程序

  1. 玩家靠近時子彈彎曲

  2. 在 Node.js 中調用 Kubernetes API

  3. 使用 TypeScript 升級到 React 18

  4. 在 RxJS 中實現 for-await-of 語句

  5. console.log 的瀏覽器實現

  6. HTML5 Canvas JavaScript 動畫示例

  7. 讓全日曆滾動到當前時間?

  1. ASP.NET Core React 開發 - 簡介

  2. 製作方法:為音樂家準備的帶有意大利俚語的抽認卡

  3. 相同的待辦事項應用程序具有不同的技術

  4. GraphQL 新手教程 - 模式定義