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

相关推荐
志尊宝13 小时前
AI原生前端开发(041):AI辅助的状态管理(Zustand/Pinia)
前端·javascript·ai-native
修炼的dance13 小时前
pngquant 两档质量后接 oxipng,每步省多少花几秒
前端
费曼学习法13 小时前
无人值守AI内容矩阵实战(10):Windows 无 systemd,进程存活率 99% 怎么做
前端
Geoffwo13 小时前
DSH-SKILL基础
javascript
小兔子13 小时前
Integer 的 == 在 100 时是 true,在 1000 时是 false
前端
AI副业搞钱研究所13 小时前
用 12 组正则写一个骗局话术检测器:权重打分、硬红旗保底和高亮区间合并
javascript
程序员大阳13 小时前
副队长JavaScript教程(48)-异常处理基础
javascript·异常处理·finally·catch·try
尘世中一位迷途小书童13 小时前
和 AI 打交道会撞见的一整串词:从大模型到 Agent、RAG、MCP、Skill,一次串清
前端·人工智能
lusklusklusk13 小时前
Python 全局变量与局部变量区别——global 关键字、__main__ 块与作用域示例
开发语言·前端·python
志尊宝13 小时前
AI原生前端开发(038):AI辅助的Next.js 15全栈开发
javascript·人工智能·ai-native