在控制台如何用js请求接口,写个示例
时间: 2024-03-15 11:42:59 浏览: 44
在控制台中可以使用 JavaScript 的 XMLHttpRequest 或 Fetch API 来请求接口,以下是使用 XMLHttpRequest 请求接口的示例:
```javascript
const xhr = new XMLHttpRequest();
const url = 'https://api.example.com/data';
xhr.open('GET', url);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
const responseData = JSON.parse(xhr.responseText);
console.log(responseData);
}
};
xhr.send();
```
以上示例中,我们创建了一个 XMLHttpRequest 实例,然后使用 `open` 方法指定请求方法和请求地址,接着设置 `onreadystatechange` 属性来监听请求状态变化,当 readyState 变为 4 且状态码为 200 时,表示请求成功,我们可以通过 `responseText` 属性获取响应数据,并使用 `JSON.parse` 方法将其转换为对象,最后输出到控制台中。
另外,使用 Fetch API 请求接口的示例如下:
```javascript
const url = 'https://api.example.com/data';
fetch(url)
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
```
以上示例中,我们直接使用 `fetch` 方法请求接口,该方法返回一个 Promise 对象,我们可以通过 `then` 方法来处理响应数据,使用 `json` 方法将其转换为对象,最后输出到控制台中。如果请求失败,可以通过 `catch` 方法处理错误信息。
阅读全文