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

相关推荐
尾善爱看海6 小时前
Vue 面试收官篇:SSR、性能优化落地、30 道高频面试题精讲(附标准答案)
前端·javascript·vue.js·面试·vue
驳是6 小时前
一个组件,提升 react-router 开发的幸福感
前端·preact
GreenTea7 小时前
OpenAI Agents API 上手实测:一次调用把整个 agent loop 甩给 OpenAI
前端·后端·算法
星云API技术支持7 小时前
企业微信二次开发:群权限设置、成员管理与群资料维护的接口组合实践
java·前端·企业微信
京东云开发者7 小时前
81.8 秒的视频,我们改了 15 个版本:一次纯 Codex 驱动的 AI-native 视频实践
前端·aigc
Csvn8 小时前
TypeScript 大型项目架构:从单体 tsconfig 到分层可扩展的工程
前端
计算机魔术师9 小时前
Dario Amodei 发文呼吁为前沿 AI 降速并提出三点计划
前端
计算机魔术师9 小时前
OpenAI的AI代理偷偷给RubyGems下毒,我们却毫无察觉
前端
甲维斯10 小时前
0代码,0建模,3句话开发一个3D游戏!
前端·游戏·游戏开发
IT_陈寒10 小时前
Vue的响应式更新把我坑惨了,原来问题出在这
前端·人工智能·后端