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.对呈现的操纵


相关文章
|
2月前
|
JSON 前端开发 JavaScript
axios请求成功而$.ajax却不行排错
axios请求成功而$.ajax却不行排错
25 2
|
2月前
|
JSON 前端开发 JavaScript
Vue3 Ajax(axios)
Vue3 Ajax(axios)
|
1月前
|
JSON 前端开发 JavaScript
前端Ajax、Axios和Fetch的用法和区别笔记
前端Ajax、Axios和Fetch的用法和区别笔记
32 2
|
17天前
|
XML 缓存 前端开发
AJAX中get和post的区别
AJAX中get和post的区别
14 0
|
1月前
1.ajax同步和异步区别 2.post和get区别
1.ajax同步和异步区别 2.post和get区别
16 0
|
2月前
|
XML 前端开发 JavaScript
CSR和 AJAX有什么区别
CSR和 AJAX有什么区别
31 1
|
2月前
|
前端开发
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
|
2月前
|
XML 资源调度 前端开发
Ajax(axios)
Ajax(Asynchronous JavaScript and XML)是一种异步的Web开发技术,它通过在后台与服务器交换数据,实现了在不重新加载整个页面的情况下,更新部分网页内容的效果。Ajax的核心是XMLHttpRequest对象,它用于在浏览器和服务器之间发送HTTP请求和接收响应。
44 2
|
2月前
|
JSON 前端开发 JavaScript
总结 Vue3 的一些知识点:Vue3 Ajax(axios)
总结 Vue3 的一些知识点:Vue3 Ajax(axios)
|
2月前
|
JavaScript
vue封装axios(用interceptors封装)
vue封装axios(用interceptors封装)
30 0