写一个js原生请求接口
时间: 2023-08-31 20:41:37 浏览: 134
XMLHttpRequest源生请求接口类
### 回答1:
可以这样写:var xhr = new XMLHttpRequest();
xhr.open("GET", "http://example.com/api/endpoint", true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var data = JSON.parse(xhr.responseText);
// process data
}
};
xhr.send();
### 回答2:
JavaScript原生请求接口:
JavaScript可以使用XMLHttpRequest对象来发送HTTP请求,获取接口的数据。下面是一个使用原生JavaScript发送GET请求的示例代码:
```javascript
function request(url, callback) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
callback(null, xhr.responseText);
} else {
callback(new Error('请求失败'));
}
}
};
xhr.send();
}
var apiUrl = 'https://api.example.com/data';
request(apiUrl, function(error, response) {
if (error) {
console.error(error);
} else {
console.log(response);
// 在这里处理接口返回的数据
}
});
```
上面的代码定义了一个名为`request`的函数,该函数接收两个参数:请求的URL和一个回调函数。在请求的URL上创建一个XMLHttpRequest对象,并设置请求方法为GET。然后,根据请求的状态来判断请求是否已完成和是否成功。如果请求成功,调用回调函数并将接口返回的数据传递给回调函数。如果请求失败,则传递一个错误对象给回调函数。
使用示例中的`apiUrl`和Callback函数请按照实际需求进行修改。可以将请求的URL和处理接口数据的逻辑放在自己的代码中。
阅读全文