首页 > web前端 > js教程 > 正文

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

DDD
发布: 2025-03-24 13:54:02
原创
976人浏览过

在 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和条件进行调整。

以上就是在 Tampermonkey 中如何高效处理多个异步请求并根据条件判断控制请求的继续或终止?的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号