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