这篇文章主要讲解了“JS前端并发多个相同的请求怎么控制为只发一个请求”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“JS前端并发多个相同的请求怎么控制为只发一个请求”吧！同时发多个相同的请求，如果第一个请求成功，那么剩余的请求都不会发出，成功的结果作为剩余请求返回如果第一个请求失败了，那么接着发编号为2的请求，如果请求成功，那么剩余的请求都不会发出，成功的结果作为剩余请求返回如果第二个请求失败了，那么接着发编号为3的请求，如果请求成功，那么剩余的请求都不会发出，成功的结果作为剩余请求返回...以此递推，直到遇到最坏的情况需要发送最后一个请求并发： 一个接口请求还处于pendi免费云主机域名ng，短时间内就发送相同的请求我之前使用过vue的缓存函数缓存成功的请求, 实现是这样的。下面的cachedAsync只会缓存成功的请求，如果失败了，直接拉起新的请求。但是如果是上面的并发场景，相同的请求因为无法命中缓存，会出现连续发送三个请求的问题，无法处理这种并发的场景。首先缓存是必须的，那么我们只要处理怎么控制并发即可。可以有这么一个思路每个请求都返回一个新的Promise, Promise的exector的执行时机，通过一个队列保存。当队列长度为1的时候，执行一次请求，如果请求成功，那么遍历队列中的exector，拿到请求的结果然后resolve。如果请求失败了，那么就把这个Promise reject掉，同时出栈。然后递归调用next直到exector队列清空为止需要测试的场景请求接口随机出现成功或者失败成功预期结果，剩余的请求都不会发出失败重试，接着发下一个请求看下测试结果，刷新下页面第一次运气很好，第一次接口就请求成功，只发送了一个请求第二次测试运气不好，最后一个请求才成功，也是最差的场景第三次测试，请求第三次成功了测试下缓存 在控制台主动请求fetch3，成功命中。从测试结果来看是正确的，符合了并发和缓存的场景。有人会问为什么要缓存接口，举个场景。输入关键字搜索，监听的是input事件，在你增删关键字的时候，就会出现请求参数一样的场景，这时候就符合防抖+前端接口缓存的方式。遇到相同关键字直接拉之前的缓存。这个缓存因为是闭包的方式，因此刷新页面缓存也失效了。不过我认为这个是理应如此，因为大部分场景刷新页面，就是要重置状态，如果要持久化，还不如保存到本地存储。感谢各位的阅读，以上就是“JS前端并发多个相同的请求怎么控制为只发一个请求”的内容了，经过本文的学习后，相信大家对JS前端并发多个相同的请求怎么控制为只发一个请求这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是百云主机，小编将为大家推送更多相关知识点的文章，欢迎关注！
相关推荐: Linuxä¸å®è£ Nginxçå½ä»¤æ¯ä»ä¹
LinuxNginxnginxnginx,NginxnginxLinuxOSnginxpermis免费云主机域名sion denynginxnginx.confLinuxNginx相关推荐: jquery如何实现点击隐藏元素今天小编给大家分享一下jquery如…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
