二、fetch中的基础语法
二、fetch中的基础语法
Dreamy.TZK
发布于 2020-08-25 09:52:59
发布于 2020-08-25 09:52:59
代码可运行
运行总次数：0
代码可运行
参考：https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API/Using_Fetch
fetch概念
fetch不是Ajax，它诞生的目的是为了代替Ajax，它是js中内置的API。
基于fetch可以实现客户端和服务端的信息通信
由于fetch是2018年提出，因此存在浏览器兼容问题。
fetch('https://v1.hitokoto.cn', {
method: 'GET',
}).then(result => {
console.log(result);
})fetch('https://v1.hitokoto.cn', {
method: 'POST',
body: 'c=b',
headers: {
'Content-Type': 'x-www-form-urlcoded'
},
credentials: 'include'
}).then(result => {
console.log(result);
})注意问题
- GET/HEAD等请求不能设置body
- 不管服务器返回的状态是多少，fetch都不认为是失败。并且会执行then方法。
返回结果
通过回调函数并不能直接获得响应结果。其返回结果为一个对象。
- headers 包含响应头信息
- redirected 是否重定向
- status 响应码
- statusText 响应文本
- type basic/cors
- url 请求地址
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
