js中post接口调用
时间: 2024-05-13 12:13:52 浏览: 106
VUE使用axios调用后台API接口的方法
5星 · 资源好评率100%
在JavaScript中,可以使用XMLHttpRequest或者fetch API来调用POST接口。
使用XMLHttpRequest:
```javascript
var xhr = new XMLHttpRequest();
xhr.open('POST', '/api/endpoint', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (this.readyState === XMLHttpRequest.DONE && this.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send(JSON.stringify({key: 'value'}));
```
使用fetch:
```javascript
fetch('/api/endpoint', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({key: 'value'})
})
.then(function(response) {
return response.json();
})
.then(function(data) {
console.log(data);
})
.catch(function(error) {
console.error(error);
});
```
注意,这里的请求头Content-Type需要设置为application/json,请求体需要使用JSON.stringify方法序列化为JSON字符串。同时,需要在后端处理POST请求的数据。
阅读全文