请求报文与 URL
关键代码
请求快照
等待运行。
运行前：npm run ajax:demo
先分清 HTTP 语义，再调用 fetch。
AJAX 不是一个库，而是浏览器发起异步 HTTP 请求的方式。2026 年业务代码优先使用 fetch + async/await；理解状态码、响应体、取消和 CORS 才能可靠地处理接口。
2026 请求规则
这些规则适用于 fetch，也适用于 Axios 等 HTTP 客户端。
-
检查 response.ok
HTTP 4xx/5xx 不会让 fetch 自动 reject；需要按状态码转换为业务错误。
-
JSON 要显式声明
请求体用
JSON.stringify，并设置Content-Type。 -
超时要实际取消
用
AbortController中止 fetch；只用 Promise.race 不会取消网络请求。 -
CORS 由服务端放行
前端不能绕过同源策略；带 Cookie 时服务端不能把允许来源设为
*。
HTTP 速查
Axios 的实例、拦截器和工程治理请继续学习 e-axios 目录。
| 概念 | 前端处理 | 常见误区 | Java 对照 |
|---|---|---|---|
GET + URLSearchParams |
查询和读取资源 | 用字符串手拼查询参数 | URI Builder |
POST + JSON |
创建资源，设置 Content-Type | 忘记 JSON.stringify | @RequestBody |
response.ok |
把 4xx/5xx 转为错误流程 | 认为 fetch 会自动 reject | 检查 HttpResponse.statusCode |
AbortController |
取消或超时中止请求 | 只丢弃页面结果，不取消请求 | Future.cancel / timeout |
CORS OPTIONS |
浏览器自动预检自定义请求 | 尝试从前端“关闭跨域” | 服务器 Filter 配置 |