js的fetch怎么结合async/await使用

动态 未结 0 131
小小草
小小草 LV1 2023年9月23日 23:40 发表
使用 `fetch` 结合 `async/await` 可以让异步请求更加简洁易读。下面是一个示例: ```javascript async function fetchData() { try { const response = await fetch('https://jsonplaceholder.typicode.com/todos/1'); const data = await response.json(); console.log(data); } catch (error) { console.error(error); } } fetchData(); ``` 在上述代码中,我们定义了一个名为 `fetchData` 的异步函数,并使用 `async/await` 来处理 `fetch` 请求。首先,我们使用 `await` 关键字等待 `fetch` 方法返回的 Promise 对象,并将其赋值给 `response` 变量。接着,我们使用 `await` 关键字等待 `response.json()` 方法返回的 Promise 对象,并将其解析成 JavaScript 对象,保存到 `data` 变量中。最后,我们打印出 `data` 对象。 需要注意的是,在使用 `fetch` 进行网络请求时,如果请求失败(如网络错误、404 等),则 `fetch` 不会抛出异常,而是返回一个状态码为 4xx 或 5xx 的响应对象。因此,我们需要在 `try/catch` 块中捕获可能的异常,并进行相应的处理。
收藏(0)  分享
相关标签: 智能问答
问题没解决?让AI助手帮你作答 AI助手
0个回复
  • 消灭零回复