xmlhttprequest post请求
时间: 2023-12-16 16:28:12 浏览: 123
XMLHttpRequest对象是一个在后台与服务器交换数据的JavaScript API。它可以在不重新加载页面的情况下更新网页。POST请求是一种向指定资源提交要被处理的数据的请求方法。以下是一个XMLHttpRequest POST请求的例子:
```javascript
// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求方法和请求地址
xhr.open('POST', 'http://www.example.com/api/data');
// 设置请求头
xhr.setRequestHeader('Content-Type', 'application/json');
// 监听状态变化
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
// 发送请求
xhr.send(JSON.stringify({name: 'John', age: 30}));
```
在上面的例子中,我们创建了一个XMLHttpRequest对象,并使用open()方法设置了请求方法和请求地址。然后,我们使用setRequestHeader()方法设置了请求头,告诉服务器我们发送的是JSON格式的数据。接着,我们监听了XMLHttpRequest对象的状态变化,并在状态变化时打印了响应内容。最后,我们使用send()方法发送了POST请求,并将数据作为参数传递给send()方法。
阅读全文