js测试服务器响应速度,js自动跳转加载速度快的服务器

本文介绍了一种通过并发请求不同IP地址上的同一静态资源,并利用Promise.race选择最快加载完成的线路进行页面跳转的方法。该方法能有效提高用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我想做一个根据不同线路返回数据快慢跳转的功能。不同线路加载同一个静态资源,最先加载完的获取他的ip,并跳转到这个线路上。这个ip线路是一个数组,我去请求,数组未知。promise.race可以,但不知道怎么做。

var ips = [

'192.168.12.1',

'192.168.12.2',

'192.168.12.3',

'192.168.12.4',

'192.168.12.5',

]

for(let ip of ips){

var promise1 = new Promise(function(resolve, reject) {

var startTime, endTime, fileSize;

var xhr = new XMLHttpRequest();

xhr.onreadystatechange = () => {

if(xhr.readyState === 2){

startTime = Date.now();

}

if (xhr.readyState === 4 && xhr.status === 200) {

endTime = Date.now();

fileSize = xhr.responseText.length;

setTimeout(resolve, endTime-startTime, ip);

}

}

xhr.open("GET", "http://b-ssl.duitang.com/uploads/item/201705/04/20170504162335_msfSV.jpeg", true);

xhr.send();

});

}

Promise.race([promise1, promise2, promise3]).then(function(value) {

console.log(value);

location.href= value;

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值