繁体   English   中英

Rxjs / reactor限制运算符等效于ajax请求

[英]Rxjs/reactor limit operator equivalent for ajax requests

我想要实现的是同时执行许多ajax请求(从10到1000+不等),但是活动请求数为5(就执行请求而言就像FIFO队列一样)。

例如,我们有一个100个http地址的数组,我们希望获得前5个并为每个地址执行GET请求,如果这五个请求中的任何一个结束,则另一个地址应该进入队列并执行其GET请求,直到所有100个地址生成请求和完成。

使用reactor库有limitRequest运算符,它符合我的描述

我的问题是我如何用rxjs实现类似的行为?

我尝试使用缓冲区操作符,但每完成5个请求就会发出结果,我想要的是在请求完成后立即发出结果。

我创建了一个stackblitz

试图对此进行试验

只需两个mergeMap即可完成所有这些mergeMap mergeMap运算符接受第二个参数,即并发Observable的数量。 第一个mergeMap将用于解压缩来自服务器的URL数组,第二个将保留5个并发请求:

根据您的stackblitz演示(感谢您提供演示),您可以将所有这些放入单个RxJS链中。

from(axios.get("https://jsonplaceholder.typicode.com/photos")).pipe(
  mergeMap(response => response.data // Unwrap the array of URLs into single emissions
    .filter(x => x.albumId === 100)
    .map(x => x.url)
  ),
  mergeMap(url => of(url).pipe(delay(1000 * Math.random())), 5), // Mock additional requests with of() and delay()
).subscribe(console.log);

您更新的演示: https//stackblitz.com/edit/photo-dls-pb27pn?file = index.js

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM