JavaScript 中 Fetch 是如何工作的

ikt4435

已于 2022-05-18 21:23:45 修改

阅读量539

点赞数

分类专栏： Java 程序员编程文章标签： javascript json 前端

于 2022-05-18 21:23:30 首次发布

本文链接：https://blog.csdn.net/Trouvailless/article/details/124851472

版权

本文详细介绍了JavaScript中的Fetch API，包括基本用法、获取不同类型数据的方法、使用Fetch发送HTTP请求时的选项，以及如何处理异步响应。通过实例展示了获取HTML内容和JSON数据的过程，同时讲解了then和await在等待Fetch响应时的应用。

摘要由CSDN通过智能技术生成

如何在 JavaScript 中使用 Fetch

我们在使用Fetch API获取 URL的数据时，最基本的用法只需要一个参数。当我们运行 Fetch 时，它会有一个返回值：

let fetchExample = fetch("https://fjolt.com").then((res) => {
    // Do something with res
});

Res包含一些很有意思的内置函数，如下：

下面是两个例子：

使用 JavaScript Fetch 获取网站的 HTML 内容

由于res.text()具有可以获取URL 的文本内容的功能，所以可以使用它来获取网站的整个 HTML 。一旦运行 res.text()，我们可以用另一个 then 捕获响应并在控制台记录它：

let websiteData = fetch("https://fjolt.com").then(res => res.text()).then((data) => {
    return data;
}); 
// Now contains our website's HTML.

关注

专栏目录