失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > html定时发送get请求 angular2定时发请求如何实现?

html定时发送get请求 angular2定时发请求如何实现?

时间:2020-08-07 19:02:45

相关推荐

html定时发送get请求 angular2定时发请求如何实现?

使用interval()方法设置函数执行时间,然后在函数中设置请求,即可实现定时发送请求。interval是window.setInterval的Angular包装形式。

angular2定时发请求的实现:// 间隔 1s 请求

this.timer$ = interval(1000)

.pipe(

// 取消过时的请求值

switchMap(() => {

return this.http.get(API);

}),

)

.subscribe(

(res: any) => {

// 百分数处理逻辑

},

() => {

this.timer$.unsubscribe();

},

() => {

this.timer$.unsubscribe();

},

);

interval 返回一个可观察对象,它可以周期性的发出递增数值,但是第一次发出值是在第一个周期结束之后执行的。

interval:

window.setInterval的Angular包装形式。Fn是每次延迟时间后被执行的函数。

间隔函数的返回值是一个承诺。这个承诺将在每个间隔刻度被通知,并且到达规定迭代次数后被取消,如果迭代次数未定义,则无限制的执行。通知的值将是运行的迭代次数。取消一个间隔,调用$intreval.cancel(promise)。

备注:当你执行完这项服务后应该把它销毁。特别是当controller或者directive元素被销毁时而$interval未被销毁。你应该考虑到在适当的时候取消interval事件。

如果觉得《html定时发送get请求 angular2定时发请求如何实现?》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。