栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

Axios和Fetch有什么区别?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Axios和Fetch有什么区别?

Fetch和Axios在功能上非常相似,但是为了实现向后兼容,Axios似乎工作得更好(例如,在IE
11中,fetch无法正常工作

另外,如果您使用JSON请求,则以下是我偶然发现的一些区别。

提取JSON发布请求

let url = 'https://someurl.com';let options = { method: 'POST', mode: 'cors', headers: {     'Accept': 'application/json',     'Content-Type': 'application/json;charset=UTF-8' }, body: JSON.stringify({     property_one: value_one,     property_two: value_two })        };let response = await fetch(url, options);let responseOK = response && response.ok;if (responseOK) {    let data = await response.json();    // do something with data}

Axios JSON发布请求

let url = 'https://someurl.com';let options = { method: 'POST', url: url, headers: {     'Accept': 'application/json',     'Content-Type': 'application/json;charset=UTF-8' }, data: {     property_one: value_one,     property_two: value_two }        };let response = await axios(options);let responseOK = response && response.status === 200 && response.statusText === 'OK';if (responseOK) {    let data = await response.data;    // do something with data}

所以:

  • 提取 主体 = Axios的 数据
  • 必须对提取的主体进行 字符串化 ,Axios的数据包含该 对象
  • 提取在请求对象中 没有URL ,Axios 在请求对象中 具有URL
  • 提取请求功能包括 url作为参数 ,Axios请求功能 不包括url作为参数
  • 取请求是 确定 当响应对象包含 的确定属性 ,Axios公司请求是 确定状态为200状态文本是“OK”
  • 要获取json对象的响应,请执行以下操作:在访 存中 ,对响应对象调用 json()函数 ,在Axios中,获取响应对象的 data属性

希望这可以帮助。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/366537.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号