使用Tampermonkey脚本,如何利用GM_xmlhttpRequest
依次发起多个GET请求,并根据返回结果进行条件判断,是一个常见问题。关键在于:获取单个请求结果后立即判断,满足条件则停止后续请求,否则继续下一个。 之前的方案往往在所有请求完成后才进行判断,效率低下。
本文提供两种改进方案:
方法一:依次请求,逐个判断
此方法保证每个请求完成后立即判断,满足条件则结束。可以使用递归或迭代实现。以下示例使用模拟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); }); } 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
不支持取消请求,只能忽略后续结果。以下为简化示例:
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())); for (let i = 0; i < results.length; i++) { if (results[i].data.indexOf('#') > -1) { return { successIndex: i, data: results[i].data }; } } return '未找到符合条件的请求'; } mainRequest([Promise1, Promise2, Promise3]).then(result => { console.log('result:', result); });
优点:更快找到符合条件的结果;缺点:无法取消已发出的请求,可能造成资源浪费。
选择哪种方法取决于具体需求。 如果请求数量较少,且每个请求时间较长,方法一更合适;如果请求数量较多,且每个请求时间较短,方法二效率更高,但需要权衡资源消耗。 实际应用中,需将模拟Promise替换为GM_xmlhttpRequest
。