我要评论
本文探讨如何在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()捕获可能的错误。
以上就是在tampermonkey中如何使用gm_xmlhttprequest实现对多个链接的并发请求，并在获取到符合条件的结果后停止后续请求？的详细内容，更多请关注代码网其它相关文章！
发表评论