xmlhttprequest发送post请求获取响应值
时间: 2025-03-03 21:32:23 浏览: 25
### 使用 XMLHttpRequest 发送 POST 请求
为了通过 `XMLHttpRequest` 对象发送 POST 请求,可以按照如下方式构建请求:
```javascript
function sendPostRequest(url, data) {
var xhr = new XMLHttpRequest();
xhr.open('POST', url, true);
// 设置请求头为 application/x-www-form-urlencoded 或者 multipart/form-data 如果上传文件的话
xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText); // 处理服务器返回的数据
}
};
xhr.send(JSON.stringify(data)); // 将对象转换成 JSON 字符串形式发送给服务端[^1]
}
```
此函数接受两个参数:目标 URL 和要提交的数据(通常是一个 JavaScript 对象)。设置好 HTTP 方法 (`POST`) 后,在调用 `send()` 前需指定合适的 MIME 类型作为 Content-Type。
当准备就绪状态改变时触发 onreadystatechange 事件处理程序;只有当 readyState 达到完成阶段且状态码表示成功时才读取响应文本[^2]。
对于跨域请求的情况,浏览器的安全策略会阻止这种行为除非远程服务器配置 CORS 来允许来自特定源的访问。如果遇到此类问题,则可能需要调整服务器端设置或寻找其他解决方案如 JSONP 或代理服务器来绕过同源策略限制[^3]。
阅读全文
相关推荐












