用 XMLHttpRequest 发送基础 Ajax 请求分三步:创建实例(const xhr = new XMLHttpRequest())、配置请求(xhr.open(method, url, async))、发送并监听响应(设置 onload/onerror 后调用 xhr.send());GET 直接 send(),POST 需传 body 并设 Content-Type;响应通过 xhr.response 或 xhr.responseText 获取,设 responseType = 'json' 可自动解析。

用 XMLHttpRequest 发送基础 Ajax 请求,核心就三步:创建实例、配置请求、发送并监听响应。
创建并初始化 XMLHttpRequest 对象
现代浏览器都支持原生 XMLHttpRequest,直接用 new XMLHttpRequest() 创建即可。注意不需要额外 polyfill(IE7+ 都兼容)。
- 推荐写法:
const xhr = new XMLHttpRequest(); - 避免旧式判断(如
ActiveXObject),除非必须支持 IE6
配置请求:open() 方法
调用 xhr.open(method, url, async) 设置请求方式、地址和是否异步。这是准备阶段,不发包。
-
method常用"GET"或"POST",大小写敏感 -
url可以是相对路径(如"api/user")或绝对 URL -
async推荐true(默认值),设为false会阻塞页面,已不推荐
设置回调与发送请求
通过监听 onload 和 onerror 处理成功与失败,再调用 xhr.send() 触发请求。
-
xhr.onload在状态码 200–299 或 0(本地文件)时触发 -
xhr.onerror处理网络错误(如断网、跨域被拒) - GET 请求直接
xhr.send();POST 需传 body,例如xhr.send('name=Tom&age=25') - 若需提交 JSON,记得设置请求头:
xhr.setRequestHeader('Content-Type', 'application/json')
读取响应数据
响应体可通过 xhr.response(返回设定的 responseType 类型)或 xhr.responseText(字符串)获取。
- 默认
responseType是空字符串,responseText可用 - 想自动解析 JSON?设
xhr.responseType = 'json',成功后xhr.response就是 JS 对象(无需JSON.parse) - 检查状态:
xhr.status是 HTTP 状态码,xhr.statusText是对应文本(如 "OK")
Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南











