window.fetch使⽤加兼容处理⼲什么⽤的？男女洞房
是浏览器上获取异步资源请求的全局fetch⽅法，是基于基于Promi的。
可以替代XMLHttpRequest 进⾏异步请求
兼容性
image.png
例⼦
苏维埃宫殿fetch.js
import { baUrl } from './env'
export default async(url = '', data = {}, type = 'GET', method = 'fetch') => {
同事的英语type = UpperCa();
url = baUrl + url;
if (type == 'GET') {
let dataStr = ''; //数据拼接字符串
Object.keys(data).forEach(key => {
dataStr += key + '=' + data[key] + '&';
})
描写鸟的句子
if (dataStr !== '') {
属羊的人命好不好
dataStr = dataStr.substr(0, dataStr.lastIndexOf('&'));
url = url + '?' + dataStr;
}
}
高梁河之战
if (window.fetch && method == 'fetch') {
let requestConfig = {
credentials: 'include',
method: type,
headers: {
'Accept': 'application/json', //⾃⼰可以接收的数据类型
'Content-Type': 'application/json' //请求信息的格式
},
职业技能提升培训
mode: "cors",
一望无垠的近义词cache: "force-cache"
}
if (type == 'POST') {
Object.defineProperty(requestConfig, 'body', {
value: JSON.stringify(data)
})
}
try {
const respon = await fetch(url, requestConfig); //Promi对象所以⽤await
console.log('respon1',respon ) // Respon对象
