XMLHttpRequest post请求
时间: 2023-09-27 13:08:45 浏览: 110
XMLHttpRequest 是一个内置对象,用于在浏览器中发送 HTTP 请求。要发送 POST 请求,你可以按照以下步骤操作:
1. 创建一个 XMLHttpRequest 对象:
```javascript
var xhr = new XMLHttpRequest();
```
2. 设置请求的类型和 URL:
```javascript
var url = "http://example.com/api"; // 替换为你的请求 URL
xhr.open("POST", url, true);
```
3. 设置请求头(如果需要):
```javascript
xhr.setRequestHeader("Content-Type", "application/json"); // 替换为合适的 Content-Type
```
4. 设置响应数据的类型(可选):
```javascript
xhr.responseType = "json"; // 替换为合适的响应数据类型
```
5. 注册一个回调函数来处理响应:
```javascript
xhr.onload = function() {
if (xhr.status === 200) {
var response = xhr.response;
// 处理响应数据
}
};
```
6. 发送请求,并在需要时发送请求体数据:
```javascript
var data = { key: "value" }; // 替换为你的请求体数据
xhr.send(JSON.stringify(data)); // 替换为适当的请求体格式和数据
```
以上代码示例中,我们假设你正在使用 JSON 格式的请求体数据。根据你的实际需求,可能需要根据服务器的要求进行相应的更改。
请注意,由于跨域安全性限制,如果你的请求 URL 和当前页面的域不同,可能需要在服务器端进行 CORS 配置。
阅读全文