在 Tampermonkey 中如何高效处理多个异步请求并根据条件判断控制请求的继续或终止?

在 Tampermonkey 中如何高效处理多个异步请求并根据条件判断控制请求的继续或终止?

本文探讨在Tampermonkey脚本中高效处理多个异步请求,并根据条件判断控制请求的继续或终止。 这在需要从多个URL获取数据并基于数据进行决策的场景中非常实用。

问题描述: Tampermonkey脚本需要从多个URL获取数据,并根据这些数据进行条件判断。如果满足特定条件,则停止后续请求;否则,继续下一个请求。

挑战: 直接使用gm_xmlhttpRequest的循环方法,会顺序执行所有请求,无法在满足条件后立即停止。

解决方案: 本文提供两种方案,分别为顺序请求和并发请求,都能在满足条件后有效终止后续请求。

方案一:顺序请求 (使用promise递归)

此方案依次发起请求,并在每个请求完成后进行条件判断。如果条件满足,则递归终止;否则,继续下一个请求。

function promise1() { return new Promise(resolve => setTimeout(() => resolve({data: '123'}), 2000)); } function promise2() { return new Promise(resolve => setTimeout(() => resolve({data: '#234'}), 2000)); } function promise3() { return new Promise(resolve => setTimeout(() => resolve({data: '1'}), 2000)); }  function mainRequest(promises) {   return new Promise(resolve => {     let i = 0;     function nextRequest() {       if (i === promises.length) { resolve('全部不符合条件'); return; }       const request = promises[i]();       i++;       request.then(result => {         if (result.data.indexOf('#') > -1) { resolve(result.data); }         else { nextRequest(); }       }).catch(() => nextRequest()); // 处理错误     }     nextRequest();   }); }  mainRequest([promise3, promise2, promise1]).then(result => console.log('result', result));

方案二:并发请求 (使用Promise.all和条件判断)

此方案同时发起所有请求,使用Promise.all等待所有请求完成。然后,遍历结果进行条件判断,找到第一个满足条件的结果后停止后续处理。

function Promise1() { return new Promise(resolve => setTimeout(() => resolve({data: '#123'}), Math.random() * 1000)); } function Promise2() { return new Promise(resolve => setTimeout(() => resolve({data: '#234'}), Math.random() * 1000)); } function Promise3() { return new Promise(resolve => setTimeout(() => resolve({data: '#1'}), Math.random() * 1000)); }  function mainRequest(promises) {   return Promise.all(promises.map(p => p())).then(results => {     for (let i = 0; i < results.length; i++) {       if (results[i].data.indexOf('#') > -1) { return { successIndex: i, data: results[i].data }; }     }     return '未找到符合条件的请求';   }); }  mainRequest([Promise3, Promise2, Promise1]).then(result => console.log('result', result));

总结: 两种方案都实现了在满足条件后停止后续请求的目标。选择哪种方案取决于具体需求:顺序请求更节省资源,并发请求速度更快但消耗更多资源。 需要注意的是,gm_xmlhttpRequest本身不提供取消请求的功能,因此在并发方案中,我们通过在找到满足条件的结果后忽略后续结果来实现“停止”的效果。 实际应用中,需要根据具体API和条件进行调整。

© 版权声明
THE END
喜欢就支持一下吧
点赞11 分享