前端轮询接口怎么实现
时间: 2024-02-11 14:09:06 浏览: 20
前端轮询接口的实现有多种方式,其中比较常见的有以下两种:
1. setInterval()函数轮询
使用JavaScript中的setInterval()函数可以定时发送请求来轮询接口,代码如下:
```
function poll() {
setInterval(() => {
fetch('/api')
.then(response => {
if (response.status === 200) {
return response.json();
} else {
throw new Error('Something went wrong on api server!');
}
})
.then(response => {
console.log(response);
})
.catch(error => {
console.error(error);
});
}, 5000);
}
```
2. setTimeout()函数递归调用轮询
使用JavaScript中的setTimeout()函数可以递归调用自身来实现轮询接口,代码如下:
```
function poll() {
setTimeout(() => {
fetch('/api')
.then(response => {
if (response.status === 200) {
return response.json();
} else {
throw new Error('Something went wrong on api server!');
}
})
.then(response => {
console.log(response);
poll();
})
.catch(error => {
console.error(error);
poll();
});
}, 5000);
}
```
以上两种方法都可以实现前端轮询接口,具体使用哪种方法取决于你的需求和实现方式。