AJAX vs axios vs fetch

一、AJAX

AJAX(Asynchronous JavaScript And XML):一种在 不刷新页面 的情况下向服务器请求数据并更新网页部分内容的技术。

核心是使用浏览器提供的 XMLHttpRequest 对象。

二、axios

Axios 是一个基于 Promise 的 HTTP 请求库,可以用于浏览器和 Node.js。

核心优势是:语法简洁、默认 JSON、支持拦截器、取消请求、请求/响应转换等。

10、请求头添加token

1)常见的其他请求头写法(根据后端习惯):

写法 使用场景
config.headers['Authorization'] = 'Bearer ' + token 最标准的 JWT 携带方式
config.headers['token'] = token 一些轻量后台接口喜欢自定义
config.headers['x-access-token'] = token 较老项目或模拟 HTTP 扩展字段
config.headers['X-Token'] = token 后端使用大写风格的自定义字段
config.headers['Auth'] = token 一些临时测试服务或简化项目
config.headers.Authorization = token 对应 config.headers['Authorization'],语法等价但更简洁

2)后端为什么使用不同字段名?

头字段 背后逻辑
Authorization HTTP 标准认证头,推荐
token / x-token 避免浏览器自动携带敏感头或绕过某些中间件拦截
自定义字段 某些服务架构设计不采用标准认证机制(如微服务、IoT、私有协议)

3)实战封装建议(支持多种方式)

三、fetch

相关推荐
灵感__idea5 小时前
Hello 算法:贪心的世界
前端·javascript·算法
GreenTea6 小时前
一文搞懂Harness Engineering与Meta-Harness
前端·人工智能·后端
killerbasd8 小时前
牧苏苏传 我不装了 4/7
前端·javascript·vue.js
吴声子夜歌8 小时前
ES6——二进制数组详解
前端·ecmascript·es6
码事漫谈9 小时前
手把手带你部署本地模型,让你Token自由(小白专属)
前端·后端
ZC跨境爬虫9 小时前
【爬虫实战对比】Requests vs Scrapy 笔趣阁小说爬虫,从单线程到高效并发的全方位升级
前端·爬虫·scrapy·html
爱上好庆祝9 小时前
svg图片
前端·css·学习·html·css3
橘子编程9 小时前
JavaScript与TypeScript终极指南
javascript·ubuntu·typescript
王夏奇9 小时前
python中的__all__ 具体用法
java·前端·python
叫我一声阿雷吧9 小时前
JS 入门通关手册(45):浏览器渲染原理与重绘重排(性能优化核心,面试必考
javascript·前端面试·前端性能优化·浏览器渲染·浏览器渲染原理,重排重绘·reflow·repaint