XMLHttpRequest用法
时间: 2023-09-04 08:14:37 浏览: 93
XMLHttpRequest是一种用于在网页中发送HTTP请求和接收响应的JavaScript API。它可以用于从服务器获取数据,而无需刷新整个页面。
以下是XMLHttpRequest的基本用法:
1. 创建一个XMLHttpRequest对象:
```
var xhr = new XMLHttpRequest();
```
2. 设置请求的方法和URL:
```
xhr.open('GET', 'https://example.com/data', true); // 第三个参数表示是否使用异步请求
```
3. 设置请求头(可选):
```
xhr.setRequestHeader('Content-Type', 'application/json');
```
4. 监听请求状态变化的事件:
```
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求完成并且响应状态码为200,表示请求成功
var response = xhr.responseText; // 获取响应的内容
console.log(response);
}
};
```
5. 发送请求:
```
xhr.send();
```
这是一个简单的GET请求的例子。你还可以使用`xhr.setRequestHeader`设置其他请求头,使用`xhr.send(data)`发送包含数据的POST请求,以及使用`xhr.abort()`取消请求等。请根据具体需求和服务器接口文档进行相应的配置和处理。