[JavaScript]檢測(判斷)一個連結(URL)是否有效(服務可用)?[整理]

如何用javascript來判斷請求的url/連結有效(可串連,可用)?

引言

有一個通訊錄系統, 同時部署在幾台伺服器上, 但是首頁上有個通訊錄的連結, 連結到這個系統. 問題是, 有時候連結指向的伺服器出故障, 於是希望在這個伺服器出故障(服務不可用)的情況下, 能指向其他伺服器的連結.

解決方案一: XMLHTTP方案

以下代碼摘自[2]中meizz的回帖:

<script language= "javascript">
function getURL(url) {
var xmlhttp = new ActiveXObject( "Microsoft.XMLHTTP");
        xmlhttp.open("GET", url, false);
        xmlhttp.send();
if(xmlhttp.readyState==4) {
if(xmlhttp.Status != 200) alert("不存在");
return xmlhttp.Status==200;
        }
return false;
}
</script>
<a   href= "http://www.csdn.net/aaa.asp "   onclick= "return   getURL(this.href) "> csdn </a> 

缺點: 使用ActiveXObject, 所以是IE Only. 非IE核心瀏覽器不可用.

解決方案二: jQuery擴充

以下內容參考[1]

首頁: http://plugins.jquery.com/project/linkchecker
Demo 頁面: http://sidashin.ru/linkchecker/
下載的壓縮包內有調用範例.
補充：
如果針對一個具體的URL，光用jQuery，不需要外掛程式可以這樣：
 $.ajax({
  url: 'http://some.url.com',
  type: 'GET',
  complete: function(response) {
   if(response.status == 200) {
    alert('有效');
   } else {
    alert('無效');
   }
  }
 });

參考文檔:

[1]http://zhidao.baidu.com/question/138740329.html?push=ql

[2]http://topic.csdn.net/t/20041214/16/3644539.html