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

相关推荐
程序员大阳2 小时前
副队长JavaScript教程(49)-主动抛出异常与错误类型
javascript·异常处理·error·throw·错误类型
hhhjhl2 小时前
Protobuf.js 跨端三方库仓颉适配全流程
javascript·网络·udp
康小汪2 小时前
AI 写 Vue 总写成同一个味道:给它装 Skills,装的不是知识是边界
前端·vue.js·人工智能·ai编程·最佳实践
智能运维指南3 小时前
研制过程“两张皮“怎么破:研制一体化支撑平台的定位、能力边界与落地前提
java·前端·人工智能·嘉为蓝鲸
白山编程大哥4 小时前
Java 后端如何优雅地把 List 集合返回给前端
java·前端·list
Flynt5 小时前
我把热榜那篇"禁用 axios"逐条实测了一遍:结论大体对,坑在它没讲的地方
前端·javascript·axios
Csvn6 小时前
bundle优化
前端
slongzhang_6 小时前
linux 递归删除源码文件|递归删除目录下 *.js,但排除 *.min.js
linux·开发语言·javascript
北冥有鱼6 小时前
发版后动态路由点击报 `Failed to fetch dynamically imported module`」问题上的完整排查与修复过程
前端·vue.js
静默回滚6 小时前
视频压到 25 MB 以内,码率要算、音轨要扣、余量要留
前端