PWA 面试题 目录

如何使用 Fetch API 发起网络请求?

推荐答案

-- -------------------- ---- -------
-------------------------------------
  -------------- -- -
    -- -------------- -
      ----- --- -------------- -------- --- --- -----
    -
    ------ ----------------
  --
  ---------- -- -
    ----------------- ----------- ------
  --
  ------------ -- -
    -------------------- --- - ------- ---- --- ----- ------------ -------
  ---

本题详细解读

Fetch API 的基本用法

Fetch API 提供了一个简单、强大的方式来发起网络请求。它返回一个 Promise,该 Promise 在请求完成后解析为 Response 对象。

发起 GET 请求

在上面的代码中,我们使用 fetch 函数发起了一个 GET 请求。fetch 的第一个参数是请求的 URL,第二个参数是可选的配置对象,用于指定请求的方法、头信息、体等。

处理响应

fetch 返回的 Promise 解析为 Response 对象。我们可以通过 response.ok 来检查请求是否成功(状态码在 200-299 之间)。如果请求失败,我们可以抛出一个错误。

解析 JSON 数据

如果请求成功,我们可以使用 response.json() 方法来解析响应体中的 JSON 数据。这个方法也返回一个 Promise,解析为 JavaScript 对象。

错误处理

我们使用 .catch() 方法来捕获和处理请求过程中可能出现的任何错误,包括网络错误、解析错误等。

其他请求方法

除了 GET 请求,Fetch API 还支持 POST、PUT、DELETE 等其他 HTTP 方法。例如,发起一个 POST 请求:

-- -------------------- ---- -------
------------------------------------- -
  ------- -------
  -------- -
    --------------- ------------------
  --
  ----- ---------------- ---- ------- --
--
  -------------- -- ----------------
  ---------- -- ----------------- ----------- ------
  ------------ -- ----------------------- --------

在这个例子中,我们指定了请求方法为 POST,并设置了请求头和请求体。

纠错
反馈