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

原创作者:吴小糖

创作时间:2024.2.1

相关推荐
全栈技术负责人19 分钟前
Claw Code 系统架构与 Agent 运行机制解析
前端·系统架构·ai编程
人人常欢笑19 分钟前
Grafana 表格自定义下载样式。
javascript·react.js·grafana
x-cmd22 分钟前
[x-cmd] 专为 AI Agent 设计的无头浏览器,比 Chrome 速度快 9 倍且少用 16 倍内存 | Lightpanda
前端·chrome·ai·自动化·agent·浏览器·x-cmd
lifewange26 分钟前
JavaScript是什么
开发语言·javascript·ecmascript
chxii34 分钟前
Nginx 正则 location 指令匹配客户端请求的 URI
前端·nginx
qing2222222235 分钟前
Linux:/var/log/journal 路径下文件不断增加导致根目录磁盘爆满
linux·运维·前端
Armouy41 分钟前
Nuxt.js 学习复盘:核心概念与实战要点
前端·javascript·学习
safestar20121 小时前
React 19实战:Action、并发与性能,一次告别“意大利面状态”的升级
开发语言·javascript·vue.js
ZhaoJuFei1 小时前
React生态学习路线
前端·学习·react.js
早點睡3901 小时前
ReactNative项目OpenHarmony三方库集成实战:react-native-calendar-events(读取不到日历里新增的事件,待排查)
javascript·react native·react.js