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


相关文章
|
6天前
|
JSON 前端开发 JavaScript
axios请求成功而$.ajax却不行排错
axios请求成功而$.ajax却不行排错
14 2
|
6天前
|
JSON 前端开发 JavaScript
Vue3 Ajax(axios)
Vue3 Ajax(axios)
|
6天前
|
XML 前端开发 JavaScript
CSR和 AJAX有什么区别
CSR和 AJAX有什么区别
23 1
|
6天前
|
前端开发
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
|
6天前
|
JSON 前端开发 JavaScript
总结 Vue3 的一些知识点:Vue3 Ajax(axios)
总结 Vue3 的一些知识点:Vue3 Ajax(axios)
|
6天前
|
XML 资源调度 前端开发
Ajax(axios)
Ajax(Asynchronous JavaScript and XML)是一种异步的Web开发技术,它通过在后台与服务器交换数据,实现了在不重新加载整个页面的情况下,更新部分网页内容的效果。Ajax的核心是XMLHttpRequest对象,它用于在浏览器和服务器之间发送HTTP请求和接收响应。
35 2
|
6天前
|
前端开发 JavaScript API
axios和ajax的区别
axios和ajax的区别
57 0
|
6天前
|
XML JSON 前端开发
ajax中get和post的区别,datatype返回的数据类型有哪些?web开发中数据提交的几种方式,有什么区别。百度使用哪种方式?
ajax中get和post的区别,datatype返回的数据类型有哪些?web开发中数据提交的几种方式,有什么区别。百度使用哪种方式?
22 0
|
6天前
|
XML 前端开发 JavaScript
jQuery中ajax如何使用
jQuery中ajax如何使用
24 0
N..
|
6天前
|
XML JSON 前端开发
jQuery实现Ajax
jQuery实现Ajax
N..
24 1