如何用JavaScript编写防止重复发起网络请求的代码示例？

本文共计1738个文字，预计阅读时间需要7分钟。

前言：在开发中，经常会遇到接口重复请求导致的各种问题。对于重复的网络请求，会导致页面频繁更新，产生页面卡顿的现象，影响用户体验。例如，当当前页面请求还未完成时，就进行新的请求，就会导致页面出现延迟响应的情况。

前言

在开发中，经常会遇到接口重复请求导致的各种问题。
对于重复的网络请求，会导致页面更新多次，发生页面抖动的现象，影响用户体验。
例如当前页面请求还未响应完成，就切换到其他路由，那么这些请求直到响应返回才会中止。
无论从用户体验或者从业务严谨方面来说，取消无用的请求确实是需要避免的。

实现思路

** 1.在发送请求前先拦截当前请求地址 （url + 方法 + 参数）；
** 2.开启一个请求队列用于保存 当前地址；
** 3.每次请求查看请求队列里面有没有当前url地址；
** 4.如果请求队列里有当前url地址就取消当前请求，
** 5.如果没有就发送请求，当请求数据返回后，请求队列里清除当前url地址。