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

相关推荐
10年前端老司机7 分钟前
React 受控组件和非受控组件区别和使用场景
前端·javascript·react.js
夏晚星8 分钟前
vue实现微信聊天emoji表情
前端·javascript
停止重构10 分钟前
【方案】前端UI布局的绝技,响应式布局,多端适配
前端·网页布局·响应式布局·grid布局·网页适配多端
極光未晚11 分钟前
TypeScript在前端项目中的那些事儿:不止于类型的守护者
前端·javascript·typescript
ze_juejin12 分钟前
Vue3 + Vite + Ant Design Vue + Axios + Pinia 脚手架搭建
前端·vue.js
Rrvive13 分钟前
原型与原型链到底是什么?
javascript
lichenyang45313 分钟前
React项目(移动app)
前端
用户618482402195114 分钟前
Vue-library-start,一个基于Vite的vue组件库开发模板
前端
美团技术团队26 分钟前
报名 | 美团技术沙龙第86期:多业务场景下,美团如何做性能优化
前端
Rrvive1 小时前
localhost 和 127.0.0.1 的核心区别
前端