0

0

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

DDD

DDD

发布时间:2025-03-24 13:54:02

|

1075人浏览过

|

来源于php中文网

原创

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

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

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

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

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

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

超级简历WonderCV
超级简历WonderCV

免费求职简历模版下载制作,应届生职场人必备简历制作神器

下载

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

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

相关专题

更多
promise的用法
promise的用法

“promise” 是一种用于处理异步操作的编程概念,它可以用来表示一个异步操作的最终结果。Promise 对象有三种状态:pending(进行中)、fulfilled(已成功)和 rejected(已失败)。Promise的用法主要包括构造函数、实例方法(then、catch、finally)和状态转换。

296

2023.10.12

html文本框类型介绍
html文本框类型介绍

html文本框类型有单行文本框、密码文本框、数字文本框、日期文本框、时间文本框、文件上传文本框、多行文本框等等。详细介绍:1、单行文本框是最常见的文本框类型,用于接受单行文本输入,用户可以在文本框中输入任意文本,例如用户名、密码、电子邮件地址等;2、密码文本框用于接受密码输入,用户在输入密码时,文本框中的内容会被隐藏,以保护用户的隐私;3、数字文本框等等。

391

2023.10.12

php源码安装教程大全
php源码安装教程大全

本专题整合了php源码安装教程,阅读专题下面的文章了解更多详细内容。

61

2025.12.31

php网站源码教程大全
php网站源码教程大全

本专题整合了php网站源码相关教程,阅读专题下面的文章了解更多详细内容。

41

2025.12.31

视频文件格式
视频文件格式

本专题整合了视频文件格式相关内容,阅读专题下面的文章了解更多详细内容。

32

2025.12.31

不受国内限制的浏览器大全
不受国内限制的浏览器大全

想找真正自由、无限制的上网体验?本合集精选2025年最开放、隐私强、访问无阻的浏览器App,涵盖Tor、Brave、Via、X浏览器、Mullvad等高自由度工具。支持自定义搜索引擎、广告拦截、隐身模式及全球网站无障碍访问,部分更具备防追踪、去谷歌化、双内核切换等高级功能。无论日常浏览、隐私保护还是突破地域限制,总有一款适合你!

41

2025.12.31

出现404解决方法大全
出现404解决方法大全

本专题整合了404错误解决方法大全,阅读专题下面的文章了解更多详细内容。

198

2025.12.31

html5怎么播放视频
html5怎么播放视频

想让网页流畅播放视频?本合集详解HTML5视频播放核心方法!涵盖<video>标签基础用法、多格式兼容(MP4/WebM/OGV)、自定义播放控件、响应式适配及常见浏览器兼容问题解决方案。无需插件,纯前端实现高清视频嵌入,助你快速打造现代化网页视频体验。

9

2025.12.31

关闭win10系统自动更新教程大全
关闭win10系统自动更新教程大全

本专题整合了关闭win10系统自动更新教程大全,阅读专题下面的文章了解更多详细内容。

8

2025.12.31

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
10分钟--Midjourney创作自己的漫画
10分钟--Midjourney创作自己的漫画

共1课时 | 0.1万人学习

Midjourney 关键词系列整合
Midjourney 关键词系列整合

共13课时 | 0.9万人学习

AI绘画教程
AI绘画教程

共2课时 | 0.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

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