XMLHttpRequest 发送 Ajax 请求需四步:创建实例、open() 配置请求、setRequestHeader() 设请求头(POST 时)、onload/onerror 监听响应,send() 发送数据;注意同源策略、status 校验及 response/responseText 区分。

用 XMLHttpRequest 发送基础 Ajax 请求,核心是创建实例、配置请求、监听响应、发送数据——不需要框架也能搞定。
创建并初始化请求对象
先新建一个 XMLHttpRequest 实例,再调用 open() 方法设置请求方式、URL 和是否异步:
-
open(method, url, async)中method常用"GET"或"POST" -
url是目标接口地址(注意同源策略限制) -
async一般为true(推荐异步,避免阻塞页面)
设置请求头(仅 POST 等需传参时需要)
如果是 POST 请求且要发 JSON 数据,需手动设置 Content-Type:
xhr.setRequestHeader("Content-Type", "application/json")- GET 请求通常不用设请求头
- 若发表单数据,可用
"application/x-www-form-urlencoded"
监听响应并处理结果
通过 onload 监听成功响应(status 在 200–299 范围),用 onerror 捕获网络失败:
Java项目代码review工具。分析Git变更+完整调用链路上下文,推断业务需求,进行多维度评分和分类汇总,生成完整PRD文档。包含细粒度Java代码审查清单(Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...
立即学习“Java免费学习笔记(深入)”;
-
xhr.response是响应体(自动解析为 JSON/文本,取决于responseType) -
xhr.responseText总是字符串,适合纯文本或手动JSON.parse() - 建议检查
xhr.status再处理业务逻辑,避免把 404 当成功
发送请求(可选携带数据)
调用 send() 方法发起请求:
- GET 请求:直接
xhr.send(),参数拼在 URL 后(如?id=123) - POST 请求:把数据作为参数传入,如
xhr.send(JSON.stringify({name: "Alice"})) - 发送
null或空字符串也合法,尤其用于无正文的 POST
不复杂但容易忽略细节,比如忘了设请求头、没检查 status、或误把 responseText 当对象用。

















