.js调用post接口
时间: 2024-11-04 09:16:15 浏览: 11
在JavaScript中,调用POST接口通常通过XMLHttpRequest(XHR)对象或者更现代的Fetch API来完成。以下是使用这两种方法的一个基本示例:
**使用XMLHttpRequest (XHR):**
```javascript
var xhr = new XMLHttpRequest();
xhr.open("POST", "https://api.example.com/endpoint", true);
xhr.setRequestHeader("Content-Type", "application/json"); // 根据实际需要设置请求头
// 准备发送的数据
var data = JSON.stringify({
key: 'value'
});
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
console.log(xhr.responseText); // 请求成功后的处理
}
};
xhr.send(data);
```
**使用Fetch API:**
```javascript
fetch("https://api.example.com/endpoint", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({ key: 'value' })
})
.then(response => response.json())
.then(data => {
console.log(data); // 请求成功后的处理
})
.catch(error => console.error(error));
```
在这个例子中,你需要替换`"https://api.example.com/endpoint"`为你实际要调用的POST接口地址,并根据API文档提供适当的请求头和数据格式。
阅读全文