js檢測判斷鏈接(URL)是否有效(服務可用)

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

引言

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

解決方案一: XMLHTTP方案

<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.liehuo.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('無效');
   }
  }
 });

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈