【xmlhttprequest请求】XMLHttpRequest 是一种用于在浏览器中与服务器进行异步通信的 JavaScript 对象。它允许网页在不重新加载整个页面的情况下，向服务器发送请求并接收响应。这种技术是 AJAX（Asynchronous JavaScript and XML）的核心组成部分。
一、XMLHttpRequest 简介
XMLHttpRequest 最初由 Microsoft 在 IE5 中引入，后来被 W3C 标准化，成为现代 Web 开发中不可或缺的技术。虽然名字中包含 “XML”，但如今它不仅可以处理 XML 数据，还可以处理 JSON、文本、二进制等格式。
二、XMLHttpRequest 的基本使用流程
| 步骤 | 描述 |
| 1 | 创建 XMLHttpRequest 对象 |
| 2 | 设置请求方法和 URL |
| 3 | 设置请求头（可选） |
| 4 | 发送请求 |
| 5 | 监听服务器响应 |
三、XMLHttpRequest 方法和属性
| 方法/属性 | 描述 |
| `open(method, url)` | 初始化一个请求，`method` 可以是 GET、POST 等，`url` 是目标地址 |
| `send(data)` | 发送请求，`data` 是要发送的数据（如为 GET 请求则可设为 null） |
| `onreadystatechange` | 事件处理函数，当 readyState 改变时触发 |
| `readyState` | 表示请求的状态（0-4） |
| `status` | HTTP 响应状态码（如 200 表示成功） |
| `responseText` | 服务器返回的文本数据 |
| `responseXML` | 服务器返回的 XML 数据（如果内容类型为 XML） |
四、XMLHttpRequest 状态码说明
| 状态码 | 描述 |
| 0 | 请求未初始化 |
| 1 | 服务器连接已建立 |
| 2 | 请求已接收到 |
| 3 | 正在处理请求 |
| 4 | 请求已完成，且响应已就绪 |
五、GET 与 POST 请求对比
| 特性 | GET | POST |
| 数据传递方式 | 参数附加在 URL 后 | 数据放在请求体中 |
| 数据长度限制 | 有长度限制（取决于浏览器） | 无明确限制 |
| 安全性 | 不安全（参数暴露在 URL 中） | 更安全（数据在请求体中） |
| 缓存 | 可缓存 | 不可缓存 |
| 使用场景 | 获取数据 | 提交表单、上传数据 |
六、XMLHttpRequest 的优缺点
| 优点 | 缺点 |
| 实现页面局部刷新，提升用户体验 | 需要手动处理异步逻辑 |
| 跨域请求可通过 CORS 实现 | 跨域请求需服务器支持 |
| 支持多种数据格式 | 代码复杂度较高 |
| 兼容性较好（尤其在旧浏览器中） | 功能不如 Fetch API 灵活 |
七、总结
XMLHttpRequest 是实现异步通信的基础工具，适用于各种需要与服务器交互的场景。尽管现代开发中越来越多地使用 Fetch API 或 Axios 等封装好的库，但理解 XMLHttpRequest 的工作原理仍然是必要的。通过合理使用该对象，可以有效提升网页性能和用户体验。