如果不使用axios呢
时间: 2023-07-28 15:25:44 浏览: 68
如果不使用 Axios,可以使用浏览器原生的 `XMLHttpRequest` 对象来发送 GET 请求并处理返回的数据。
首先,创建一个 `XMLHttpRequest` 对象:
```javascript
var xhr = new XMLHttpRequest();
```
然后,使用 `xhr.open()` 方法打开一个 GET 请求,并指定请求的 URL:
```javascript
xhr.open('GET', '/api/data');
```
接着,使用 `xhr.onreadystatechange` 事件监听器来处理返回的数据:
```javascript
xhr.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
// 处理返回的数据
console.log(this.responseText);
}
};
```
在上面的代码中,`this.readyState === 4` 表示请求完成,`this.status === 200` 表示请求成功,此时可以处理返回的数据,可以通过 `this.responseText` 获取返回的数据。
最后,使用 `xhr.send()` 方法发送请求:
```javascript
xhr.send();
```
完整代码如下:
```javascript
var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data');
xhr.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
// 处理返回的数据
console.log(this.responseText);
}
};
xhr.send();
```
注意,在发送请求时,需要根据实际情况设置请求的 URL。另外,如果需要在请求中传递参数,可以通过拼接 URL 参数的方式来实现。例如:
```javascript
var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data?id=123');
xhr.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
// 处理返回的数据
console.log(this.responseText);
}
};
xhr.send();
```
阅读全文