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

相关推荐
米丘1 分钟前
vue 3.x 关于 provide 与 inject 实现原理
前端
rmst2 分钟前
列表的拖动排序动画原理
javascript·react.js·动效
进击的雷神2 分钟前
无分页一次性加载、多级CSS类名定位、动态User-Agent轮换、断点本地备份——意大利塑料展爬虫四大技术难关攻克纪实
前端·css·爬虫·python
天才熊猫君2 分钟前
Vue 3 v-for key 原理核心笔记
前端
zhedream3 分钟前
环境监测 CMMS 的表单 DSL 实践:从逐一开发到声明式生成,工单交付效率提升 10 倍
前端
天若有情6734 分钟前
一款极简且实用的本地 NPM 包目录管理方案(个人原创设计)
前端·npm·node.js
JamesYoung79715 分钟前
第七部分 — 存储 chrome.storage(本地/同步/会话)+ 配额
前端·chrome
Mintopia10 分钟前
CSS 你不知道的颜色用法:从现代语法到真实落地的配色策略
前端·css
undeflined12 分钟前
EnvManage - 多环境开发代理管理工具
前端·javascript·node.js
三小河14 分钟前
从零实现ollama本地大模型可视化+内网穿透
前端·javascript·面试