js判断远程链接是否有效

最新推荐文章于 2023-05-16 17:42:11 发布

hellomy

最新推荐文章于 2023-05-16 17:42:11 发布

阅读量7.3k

点赞数

文章标签： button function 网络爬虫 xhtml input html

最近在研究javascript，找到了这个老问题。我查了以前的贴子都说是用XMLHTTP请求一次来确认链接的文件是否存在。

　　但是XMLHTTP的测试方式存在有巨大的代价，因为XMLHTTP的请求必须将被请求的文件下载完毕后才能返回结果。如果要测试的连接是一个比较大的文件(如：1M或100M以上的东西)的话，就会需要大量的内存和时间来等待，这个对于只是想知道它存不存在的目的来说，代价太大了。

　　我曾想过用XMLHTTP来请求，然后链接成功后主动断开请求，不过似乎XMLHTTP没有这样的方式..

其实，此问题还可以引申为判断网络是否连接；网络爬虫程序等等应用。下面公布这个问题的解法：

首先，XMLHTTP的Head方法是不用全部内容返回的，它只返回Header的那部分简短内容，基于此，可使用下面的代码实现。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Page</title>

function CheckStatus(url)

{

XMLHTTP = new ActiveXObject("Microsoft.XMLHTTP")

XMLHTTP.open("HEAD",url,false)

XMLHTTP.send()

return XMLHTTP.status==200

}

function NetPing()

{

return CheckStatus("http://www.163.com/index.html");

}

function Button1_onclick()

{

var bTest=NetPing();

if(bTest)

{

document.getElementById('Text1').value="网络已连接";

}

else

{

document.getElementById('Text1').value="网络未连接";

}

</script>

</head>

<body>

</body>

</html>

上诉方法虽然能解决问题，但测试时间比较长，且具体的xmlhttp对象的创建还得根据不同浏览器来进行。

基于此，因为后来使用了jQuery，下面根据上诉原理使用jQuery来进行实现：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Page</title>

function NetPing()

{

$.ajax({

type: "GET",

cache: false,

url: "http://www.163.com/index.html",

data: "",

success: function(){

Done(1);

error:function(){

Done(0);

}

});

}

function Done(rel)

{

if(rel==1)

{