zoukankan      html  css  js  c++  java
  • axios/fetch和ajax的区别

    axios/fetch和ajax的区别:
        ajax:
            + ajax本身是针对mvc编程,不符合现在前端mvvm的浪潮
            + 基于原生XHR开发,XHR本身的架构不清晰
            + 不符合关注分离的原则
            + 配置和调用方式非常混乱,而且基于事件的异步模型不友好
        axios:
            + 从浏览器中创建xmlhttprequest
            + 支持promise API
            + 客户端支持防止csrf
            + 提供了一些并发请求的接口(重要)
            + 从node.js中创建http请求
            + 拦截请求和相应
            + 转换请求和响应数据
            + 自动转换json数据
            + 体积小
            防止csrf:让每一个请求都带一个从cookie中拿的key,根据浏览器的同源策略,假冒网站是拿不到你cookie中的key的,这样,后台就可以轻松辨别出这个请求是否是用户在假冒网站上误导输入,从而采取正确的策略。
        fetch:
            是ajax的替代品,实在es6中出现的,使用了promise对象,fetch是基于promise设计的。fetch的代码结构比ajax简单多了,参数有点像jquery ajax,但是fetch不是ajax的进一步封装,而是原生js,没有使用xmlhttprequest。
            + 语法简洁
            + 基于promise实现,支持async和await
            + 同构方便
            + 更加底层
            + 脱离了XHR,是es规范里新的实现方式。
            + 用起来不是太舒服
  • 相关阅读:
    leetcode——448.找到所有数组中消失的数字
    leetcode——268.缺失数字
    leetcode——680.验证回文字符串2
    leetcode——125.验证回文串
    leetcode——217.存在重复元素
    leetcode——189.旋转数组
    02-04 线性回归
    02-03 感知机对偶形式(鸢尾花分类)
    02-02 感知机原始形式(鸢尾花分类)
    02-01 感知机
  • 原文地址:https://www.cnblogs.com/lxz123/p/12541865.html
Copyright © 2011-2022 走看看