• 首页
        • 更多产品

          客户为中心的产品管理工具

          专业的软件研发项目管理工具

          简单易用的团队知识库管理

          可量化的研发效能度量工具

          测试用例维护与计划执行

          以团队为中心的协作沟通

          研发工作流自动化工具

          账号认证与安全管理工具

          Why PingCode
          为什么选择 PingCode ?

          6000+企业信赖之选,为研发团队降本增效

        • 行业解决方案
          先进制造(即将上线)
        • 解决方案1
        • 解决方案2
  • Jira替代方案
目录

axios和ajax区别

axios和ajax区别是:axios是通过promise实现对ajax技术的一种封装,就像jQuery实现ajax封装一样。简单来说ajax技术实现了网页的局部数据刷新,axios实现了对ajax的封装,axios是ajax ajax不止axios。

一、axios和ajax区别

axios是通过promise实现对ajax技术的一种封装,就像jQuery实现ajax封装一样。简单来说ajax技术实现了网页的局部数据刷新,axios实现了对ajax的封装,axios是ajax ajax不止axios。

Ajax是对原生XHR的封装,为了达到我们跨越的目的,增添了对JsonP的支持。

异步的 javascript和 xml,ajax不是一门新技术,而是多种技术的组合,用于快速的创建动态页面,能够实现无刷新更新数据从而提高用户体验。

Axios 是一个基于 Promise 的 HTTP 库,可以用在浏览器和 node.js 中;是请求资源的模块;通过promise对ajax的封装。

简单理解为:封装好的、基于promise的发送请求的方法,因此不用设置回调函数,直接去调用then方法。

优缺点

ajax:
本身是针对MVC的编程,不符合现在前端MVVM的浪潮
基于原生的XHR开发,XHR本身的架构不清晰,已经有了fetch的替代方案
JQuery整个项目太大,单纯使用ajax却要引入整个JQuery非常的不合理(采取个性化打包的方案又不能享受CDN服务
axios:
从 node.js 创建 http 请求
支持 Promise API
客户端支持防止CSRF
提供了一些并发请求的接口(重要,方便了很多的操作)

延伸阅读:

二、Ajax适用

Ajax适用场景

  1、表单驱动的交互

  2、深层次的树的导航

  3、快速的用户与用户间的交流响应

  4、类似投票、yes/no等无关痛痒的场景

  5、对数据进行过滤和操纵相关数据的场景

  6、普通的文本输入提示和自动完成的场景

Ajax不适用场景

  1、部分简单的表单

  2、搜索

  3、基本的导航

  4、替换大量的文本

  5、对呈现的操纵

以上就是关于axios和ajax区别的内容希望对大家有帮助。

相关文章