当前位置: 代码网 > it编程>编程语言>Javascript > 在 Tampermonkey 中如何高效处理多个异步请求并根据条件判断控制请求的继续或终止?

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

2025年03月29日 Javascript 我要评论
本文探讨在tampermonkey脚本中高效处理多个异步请求,并根据条件判断控制请求的继续或终止。 这在需要从多个url获取数据并基于数据进行决策的场景中非常实用。问题描述: tampermonk

在 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 中如何高效处理多个异步请求并根据条件判断控制请求的继续或终止?的详细内容,更多请关注代码网其它相关文章!

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com