本文探讨如何在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);
});
此方法确保满足条件后立即停止，但请求顺序执行，整体耗时可能较长。
方法二：并发请求
此方法并发发起所有请求，但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()捕获可能的错误。
