扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
今天小编给大家分享一下vue轮询请求如何实现的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。
创新互联公司网站建设服务商，为中小企业提供成都做网站、网站制作服务，网站设计，网站改版维护等一站式综合服务型公司，专业打造企业形象网站，让您在众多竞争对手中脱颖而出创新互联公司。
其实轮询的重点在于间隔多少时间执行一次，而并非循环本身。ajax是异步请求，从发起请求到接受到响应即为一个完整的过程，这个过程所需要的时间是无法预料的，说的极端点，若请求所需的时间超过了我们轮询的间隔时间，那么是会出现很多问题的，所以轮询的间隔应该是在确保这个请求过程完成的基础之上的，这也更符合逻辑。
业务描述：
页面初始化显示第一页数据，随后每隔十秒当前页数据刷新
更改筛选条件或者更改页码直接刷新数据，随后每个十秒当前也数据刷新
业务逻辑点分析：
手动调用时，立即执行发起请求
随后每隔十秒执行一次，刷新一次列表
直接先调用请求
在请求的成功回调函数中设置定时器setTimeout
在定时器内重复1.2操作
将1.2.3步骤封装为递归函数
// 轮询方法
polling (page) {
this.getWorks(page).then(res => {
this.pollingST = setTimeout(() => {
clearTimeout(this.pollingST)
this.polling(page)
}, 10000)
})
}为什么不采用setInterval
setInterval的功能看似是完美符合轮询的概念，若我们的操作是同步代码，那么使用setInterval是没有任何问题的，问题就出在setInterval不够灵活，我们无法得知上一次请求是否已经完毕。所以setTimeout会更好一些。
需要注意的地方
在轮询中我将定时器用pollingST变量记录了下来，每次执行前必须先清除上一个定时器，因为递归的调用是在定时器内部，所以通过清除定时器就能很方便的结束轮询
以上就是“vue轮询请求如何实现”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注创新互联行业资讯频道。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网