码迷,mamicode.com
首页 > 移动开发 > 详细

ajax axios fetch 三者的优缺点

时间:2019-03-27 09:19:18      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:不清晰   架构   控制   优缺点   不能   替代   csr   默认   一个   

jQ ajax:
       1.本身是针对MVC的编程,不符合现在前端MVVM的浪潮
       2.基于原生的XHR开发,XHR本身的架构不清晰,已经有了fetch的替代方案
       3.JQuery整个项目太大,单纯使用ajax却要引入整个JQuery非常的不合理(采取个性化打包的方案又不能享受CDN服务)
axios:
  1.从浏览器中创建 XMLHttpRequest
  2.从 node.js 发出 http 请求
  3.支持 Promise API
  4.拦截请求和响应
  5.转换请求和响应数据
  6.取消请求
  7.自动转换JSON数据
  8.客户端支持防止CSRF/XSRF
fetch: 
 1.符合关注分离,没有将输入、输出和用事件来跟踪的状态混杂在一个对象里
    2.更加底层,提供的API丰富(request, response)
    3.脱离了XHR,是ES规范里新的实现方式
    4. 
    1)fetchtch只对网络请求报错,对400,500都当做成功的请求,需要封装去处理
    2)fetch默认不会带cookie,需要添加配置项
    3)fetch不支持abort,不支持超时控制,使用setTimeout及Promise.reject的实现的超时控制并不能阻止请求过程继续在后台运行,造成        了量的浪费
    4)fetch没有办法原生监测请求的进度,而XHR可以

ajax axios fetch 三者的优缺点

标签:不清晰   架构   控制   优缺点   不能   替代   csr   默认   一个   

原文地址:https://www.cnblogs.com/wildccy/p/10605197.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!