千锋教育-做有情怀、有良心、有品质的职业教育机构

400-811-9990
手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

上海
  • 北京
  • 郑州
  • 武汉
  • 成都
  • 西安
  • 沈阳
  • 广州
  • 南京
  • 深圳
  • 大连
  • 青岛
  • 杭州
  • 重庆
当前位置:深圳千锋IT培训  >  技术干货  >  axios和ajax区别?

axios和ajax区别?

来源:千锋教育
发布人:xqq
时间: 2023-10-19 19:35:00

一、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区别的内容希望对大家有帮助。

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。

猜你喜欢LIKE

LAMP和hadoop的关系是什么?

2023-10-19

大数据平台能力有哪些内容?

2023-10-19

数字经济和大数据时代有什么区别?

2023-10-19

最新文章NEW

cs与bs架构的区别与优缺点?

2023-10-19

递归和递推有哪些区别?

2023-10-19

error和exception区别?

2023-10-19

相关推荐HOT

更多>>

快速通道 更多>>

最新开班信息 更多>>

网友热搜 更多>>