XMLHttpRequest 如何设置请求体
时间: 2023-11-23 12:12:37 浏览: 182
XMLHttpRequest 可以使用 setRequestHeader() 方法设置请求头,而请求体需要通过 send() 方法发送,例如:
```
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
console.log(this.responseText);
}
};
xhttp.open("POST", "url", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send("param1=value1¶m2=value2");
```
其中,setRequestHeader() 方法可以设置 Content-type 请求头,send() 方法接受字符串作为参数,该字符串即为请求体。
相关问题
XMLHttpRequest post请求
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 配置。
前端如何设置单个接口的请求体
非常感谢您的提问。前端如何设置单个接口的请求体,可以使用fetch API或XMLHttpRequest对象来发送HTTP请求。首先,需要使用POST方法,将数据作为请求体发送到接口。接口需要根据所接收到的数据进行处理,并返回相应的结果。具体实现方法可以参考相关的前端框架或库的文档。
阅读全文