vue如何实现轮询,每隔几秒请求一次
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
业务场景:某个业务号经过缴费之后,会生成一个保单号,我们需要每隔几秒请求一次拿到保单号
在此场景中,因为保单号是需要第三方平台确认收到账款之后才返回的,而且是一个一个单号返回的,当我们选择n条数据进行操作的时候,我们就必须每隔几秒请求一次,直到我们拿到的保单号和我们请求的数据条数相同时,停止请求
话不多说,直接上代码:
使用的是vue+axios
假设 获取保单号的后端接口为 cashierStatusNotice
参数为 流水号 tradeNo
//下面的写在created生命周期中
let timer
cashierStatusNotice(this.tradeNo).then(res => {
console.log(res)
if (res.code === '200') {
// 保单号的条数
this.tradeTotalCount = res.data.tradeTotalCount
// res.data.tradeList 后端返回的保单号集合
if (res.data.tradeList) {
this.policyNoS = res.data.tradeList
}
console.log(this.policyNoS)
if (!this.policyNo && this.tradeTotalCount == res.data.tradeList.length) {
// 如果获取到保单号并且保单号和我们请求的条数相等时,我们清楚定时器,不让他再请求
clearTimeout(timer) // 清理定时任务
} else {
//否则的话,每隔一秒钟请求一次
timer = setTimeout(() => {
this.getInit()
}, 1000)
}
}
}).catch(e => {
console.log(e)
})
创作不易,谢谢各位看官,非常感谢,希望可以帮助到你们!!!
GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891
Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)