jquery-ajaxQueue 是一个可以让 AJAX 请求按顺序执行的 jQuery 插件。在前端开发中，有些情况下需要保证多个 AJAX 请求按照一定的次序依次发送和处理。这时候，jquery-ajaxQueue 就派上用场了。
安装
使用 npm 安装：
npm install jquery-ajaxQueue --save
安装完成后，在项目中引入：
import 'jquery-ajaxQueue';
使用方法
jquery-ajaxQueue 的使用非常简单，只需要将 $.ajax() 方法替换为 $.ajaxQueue() 方法即可。
-- -------------------- ---- ------- ------------- ---- --------------------------- -------- ------------------ - ---------------------- - --- ------------- ---- --------------------------- -------- ------------------ - ---------------------- - ---展开代码
上面的代码会先发送第一个请求，等第一个请求返回后再发送第二个请求。
如果想要设置请求的优先级，可以给请求添加一个 priority 属性：
-- -------------------- ---- ------- ------------- ---- --------------------------------------- --------- ------- -------- ------------------ - ---------------------- - --- ------------- ---- -------------------------------------- --------- ------ -------- ------------------ - ---------------------- - ---展开代码
上面的代码会先发送优先级高的请求，等高优先级请求返回后再发送低优先级请求。如果有多个请求的优先级相同，会按照它们添加到队列中的顺序依次执行。
深入了解
jquery-ajaxQueue 的实现原理是在每个 $.ajax() 方法前插入一个包装方法，该方法将 $.ajax() 方法的参数和回调函数封装成一个对象，然后将这个对象添加到一个数组中。等到前面的请求完成后，再使用递归的方式按照数组中的顺序执行下一个请求。
这里要注意的一点是，由于使用递归的方式来执行请求，所以如果请求的数量过多，可能会导致浏览器的堆栈溢出。因此，在使用 jquery-ajaxQueue 时应当注意控制请求的数量，避免出现这种情况。
总结
jquery-ajaxQueue 可以很方便地让 AJAX 请求按照一定的顺序执行，同时也可以通过设置优先级来控制请求的执行顺序。在实际开发中，我们可以根据需求灵活运用这个插件，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/38173
