RXJS当有一个新请求时，怎么取消旧请求？

最新推荐文章于 2023-02-24 00:48:35 发布

lfl_5046

最新推荐文章于 2023-02-24 00:48:35 发布

阅读量1k

点赞数

分类专栏： angular2 rxjs

本文链接：https://blog.csdn.net/lfl_5046/article/details/116158054

版权

angular2 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

rxjs

1 篇文章 0 订阅

订阅专栏

这篇博客探讨了在搜索框中输入字符时频繁发起后台请求所导致的问题，如结果不准确和冗余请求过多。通过介绍如何利用RxJS的switchMap操作符，可以在新的搜索请求到来时取消未完成的旧请求，从而提高搜索效率并减少不必要的网络负载。

摘要由CSDN通过智能技术生成

业务需求：
搜索框中每输入一个字符就向后台发起请求，可是这些请求返回速度不一定，导致结果不准确且有很多冗余的请求。

解决方法：
当rxjs中的subject发出邮件时，switchmap取消未完成的请求。

// 1 创建subject
private keyupSubject$: Subject<void> = new Subject();

constructor() {
// 2 创建可观察的事件流
    this.keyupSubject$
        .pipe(switchMap(() => rxnsObservable))
        .subscribe((results) => // handling)
}
// 3 单击事件
onKeyup(keyword) {
    this.keyupSubject$.next(keyword);
}