Axios 和 Ajax 的区别

简介: Axios 和 Ajax 的区别

一、Axios 和 Ajax 的区别


1、Axios是一个基于Promise的HTTP库,而Ajax是对原生XHR的封装;


2、Ajax技术实现了局部数据的刷新,而Axios实现了对ajax的封装。


二、Axios 和 Ajax 的区别及优缺点

1、什么是Ajax

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

2、Ajax的原理?

由客户端请求ajax引擎,再由ajax引擎请求服务器,服务器作出一系列响应之后返回给ajax引擎,由ajax引擎决定将这个结果写入到客户端的什么位置。实现页面无刷新更新数据。

3.核心对象

XMLHttpReques

4、Ajax优缺点?


优点:


1. 不用刷新就可以更新数据。


2. 异步与服务器通信。


3. 前端和后端负载平衡


4. 界面与应用分离

 

缺点:


1. 没有浏览历史记录,不能回退


2. 对搜索引擎的支持较弱


3. 存在跨域的问题


5、Ajax不适用场景


1.部分简单的表单


2.搜索


3.基本的导航


4.替换大量的文本


5.对呈现的操纵


相关文章
|
1月前
|
XML 前端开发 JavaScript
webSocket 和 ajax 的区别
【10月更文挑战第26天】在实际开发中,需要根据具体的应用需求来选择合适的技术,以实现最佳的用户体验和系统性能。
|
2月前
|
XML 前端开发 JavaScript
详解Ajax与axios的区别
详解Ajax与axios的区别
|
2月前
|
XML 前端开发 JavaScript
Ajax&Axios对比
【10月更文挑战第3天】
33 3
|
3月前
|
JSON 资源调度 JavaScript
Vue框架中Ajax请求的实现方式:使用axios库或fetch API
选择 `axios`还是 `fetch`取决于项目需求和个人偏好。`axios`提供了更丰富的API和更灵活的错误处理方式,适用于需要复杂请求配置的场景。而 `fetch`作为现代浏览器的原生API,使用起来更为简洁,但在旧浏览器兼容性和某些高级特性上可能略显不足。无论选择哪种方式,它们都能有效地在Vue应用中实现Ajax请求的功能。
47 4
|
3月前
|
JSON 前端开发 JavaScript
JavaWeb基础8——Filter,Listener,Ajax,Axios,JSON
Filter过滤器、Listener监听器、AJAX、 同步、异步优点和使用场景、Axios异步框架、JSON、js和JSON转换、案例,Axios + JSON 品牌列表查询和添加
JavaWeb基础8——Filter,Listener,Ajax,Axios,JSON
|
4月前
|
XML 前端开发 JavaScript
Ajax、Fetch、Axios
Ajax、Fetch、Axios
84 25
|
4月前
|
XML JSON 前端开发
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
35 0
|
6月前
|
JSON 前端开发 JavaScript
前端Ajax、Axios和Fetch的用法和区别笔记
前端Ajax、Axios和Fetch的用法和区别笔记
114 2
|
6月前
|
XML 缓存 前端开发
AJAX中get和post的区别
AJAX中get和post的区别
70 0
|
6月前
1.ajax同步和异步区别 2.post和get区别
1.ajax同步和异步区别 2.post和get区别
32 0