fetch
方法是一种用于发送和接收网络请求的新 API，返回一个
promise
。
可替代传统的
XMLHttpRequest
对象，具有更简单、更灵活和更强大的功能。
兼容性
语法
Promise<Response> fetch(input[, init]);
返回值
一个
Promise
，resolve 时回传
Response
对象。
-
例外
| 类型 | 描述 |
|---|---|
| AbortError |
请求被 AbortController.abort() 终止。 |
| TypeError |
从 Firefox 43 (en-US) 开始，如果 接收到含有用户名和密码的 URL（例如 ），它将会抛出一个 。 |
参数
| 参数名 | 是否必填 | 说明 |
|---|---|---|
| input | 是 |
一个 USVString 字符串，包含要获取资源的 URL（一些浏览器会接受 blob: 和 data: 作为 schemes）. 一个 Request 对象。 |
| init | 否 | 一个配置项对象，包括所有对请求的设置。可选的参数参考下表 |
-
init
参数表
| 参数名 | 说明 |
|---|---|
| method |
请求使用的方法，如、 。 |
| headers |
请求的头信息，形式为的对象或包含 值的对象字面量。 |
| body |
请求的 body 信息：可能是一个、 、 、 或者 对象。注意 GET 或 HEAD 方法的请求不能包含 body 信息。 |
| mode |
请求的模式，如、 或者 。 |
| credentials |
请求的 credentials，如、 或者 。为了在当前域名内自动发送 cookie，必须提供这个选项，从 Chrome 50 开始，这个属性也可以接受 FederatedCredential (en-US) 实例或是一个 PasswordCredential (en-US) 实例。 |
| cache |
请求的 cache 模式：、 、 、 、 或者 。 |
| redirect |
可用的 redirect 模式：(自动重定向), (如果产生重定向将自动终止并且抛出一个错误），或者 (手动处理重定向)。在 Chrome 中默认使用 （Chrome 47 之前的默认值是 ）。 |
| referrer |
一个可以是 、 或一个 URL。默认是 。 |
| referrerPolicy |
指定了 HTTP 头部 referer 字段的值。可能为以下值之一：、 、 、 、 。 |
| integrity |
包括请求的 subresource integrity 值（例如： ）。 |
示例
var myHeaders = new Headers();
myHeaders.append("User-Agent","Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.74 Safari/537.36");
fetch('https://www.baidu.com',{
Headers:myHeaders,
}).then(data=>{
console.log(data.text())
},reason=>{
console.log(reason);
})
版权声明：本文为u011159821原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。