在Tampermonkey中如何使用GM_xmlhttpRequest实现对多个链接的并发请求，并在获取到符合条件的结果后停止后续请求？-js教程-PHP中文网

在Tampermonkey中如何使用GM_xmlhttpRequest实现对多个链接的并发请求，并在获取到符合条件的结果后停止后续请求？

霞舞

发布： 2025-03-15 10:44:11

原创

545人浏览过

在tampermonkey中如何使用gm_xmlhttprequest实现对多个链接的并发请求，并在获取到符合条件的结果后停止后续请求？

本文探讨如何在Tampermonkey中利用GM_xmlhttpRequest实现对多个链接的并发请求，并在满足特定条件时终止后续请求。文中将介绍两种方法，并分析其优缺点。您之前尝试使用Promise.race()和Promise.all()但未能实现按条件终止，本文将提供改进方案。

方法一：顺序请求

此方法依次发起请求，每个请求完成后检查结果是否符合条件，符合则停止后续请求。以下示例使用setTimeout模拟网络请求：

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);
  });
}

async function mainRequest(promises) {
  for (const promise of promises) {
    const result = await promise();
    if (result.data.indexOf('#') > -1) {
      return result.data;
    }
  }
  return '全部不符合条件';
}

mainRequest([promise3, promise2, promise1]).then((result) => {
  console.log('result', result);
});

登录后复制

此方法确保满足条件后立即停止，但请求顺序执行，整体耗时可能较长。

PatentPal专利申请写作

AI软件来为专利申请自动生成内容

查看详情

方法二：并发请求

此方法并发发起所有请求，但GM_xmlhttpRequest缺乏原生取消请求机制，因此我们使用Promise管理请求状态，在获取到符合条件的结果后立即返回结果，后续请求继续执行但结果被忽略。

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);
  });
}


async function mainRequest(promises) {
  const results = await Promise.all(promises.map(p => p().catch(e => null))); // 捕获错误
  for (let i = 0; i < results.length; i++) {
    if (results[i] && results[i].data.indexOf('#') > -1) {
      return { successIndex: i, data: results[i].data };
    }
  }
  return '未找到符合条件请求';
}

mainRequest([Promise1, Promise2, Promise3]).then((result) => {
  console.log('result', result);
});

登录后复制

此方法并发请求，效率较高，但无法真正中断后续请求，仅忽略其结果。实际应用中，需根据具体需求选择合适的方法。请注意，以上代码使用setTimeout模拟GM_xmlhttpRequest，实际应用中需替换为GM_xmlhttpRequest代码。此外，错误处理也得到了增强，使用.catch()捕获可能的错误。

以上就是在Tampermonkey中如何使用GM_xmlhttpRequest实现对多个链接的并发请求，并在获取到符合条件的结果后停止后续请求？的详细内容，更多请关注php中文网其它相关文章！