AJAX是浏览器原生能力组合，本质为XMLHttpRequest或fetch异步通信；“无刷新”指局部DOM更新而非整页重载；fetch推荐但需手动判response.ok、注意cookie与JSON解析；XMLHttpRequest仍适用于进度监听等场景；须防卡顿、XSS、竞态等问题。
AJAX 不是某个函数，而是浏览器原生能力的组合用法
它本质是利用 这是目前最推荐的方式，语法简洁、返回 Promise、天然支持 async/await。注意它默认不带 cookie，且 4xx/5xx 响应不会触发 ${data.body} 值得，尤其当你需要监听上传进度、手动控制请求头（如设置 立即学习“Java免费学习笔记（深入）”； 自从百度屏蔽淘宝客网站、淘宝抛弃淘宝客之后，个人站长集体陷入了恐慌之中。此时，什么值得买网的异军突起引起了广大个人站长的极大关注。做一个什么值得买一样的导购网站成了众多个人站长的一致心愿！ TP-COUPON 导购系统 即是让个人站长实现此心愿的绝佳选择！ 欢迎个人站长选用。V1.1版 更新记录：1.修正请求时查询淘宝店铺错误的bug2.删除一些无用的代码 很多开发者以为用了 AJAX 就不会卡页面，其实不然：大体积 JSON 解析、频繁 DOM 操作、未取消的重复请求，都会造成卡顿或内存泄漏。 真正难的不是发请求，而是让每次更新都稳、快、可预测——尤其是错误边界和竞态处理。XMLHttpRequest（或现代的 fetch）在后台和服务器交换数据，不打断用户当前操作。所谓“无刷新”，是指不重载整个页面——DOM 可以局部更新，比如只替换一个 用
fetch 发起 GET 请求并更新 DOM 最简流程catch（需手动检查 response.ok）。
Content-Type: application/json）response.json() 解析响应体，不能直接当对象用Cannot set property 'innerHTML' of null
catch，要加 if (!response.ok) 判断 HTTP 状态码async function loadContent() {
try {
const response = await fetch('/api/news');
if (!response.ok) throw new Error(`HTTP ${response.status}`);
const data = await response.json();
const container = document.getElementById('content');
if (container) {
container.innerHTML = `
${data.title}
XMLHttpRequest 还值得学吗？X-Requested-With）、或兼容 IE10+ 时。fetch 不支持上传进度，也不支持同步请求（而 XMLHttpRequest 的 open(method, url, async) 第三个参数设为 false 就是同步——但强烈不建议）。
onload 里读 xhr.responseText，不能在 onreadystatechange 的任意状态读xhr.setRequestHeader()，且必须在 xhr.send() 之前调用ActiveXObject("Microsoft.XMLHTTP") 回退，但现代项目基本可忽略“无刷新”不等于“没网络请求”，常见误判点
AbortController 主动取消旧请求innerHTML = htmlString 可能执行其中的 ，有 XSS 风险；应使用 textContent 或严格过滤history.pushState() 更新 URL，否则刷新页面会丢失状态
