JavaScript判斷一個URL鏈接是否有效的實現(xiàn)方法
更新時間：2011年10月08日 19:16:56 作者：
如何用javascript來判斷請求的url/鏈接有效(可連接,可用)?需要的朋友可以參考下。
引言
有一個通訊錄系統(tǒng), 同時部署在幾臺服務(wù)器上, 但是主頁上有個通訊錄的鏈接, 鏈接到這個系統(tǒng). 問題是, 有時候鏈接指向的服務(wù)器出故障, 于是希望在這個服務(wù)器出故障(服務(wù)不可用)的情況下, 能指向其他服務(wù)器的鏈接.
解決方案一: 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://chabaoo.cn/aaa.asp " onclick= "return getURL(this.href) "> csdn </a>
缺點: 使用ActiveXObject, 所以是IE Only. 非IE內(nèi)核瀏覽器不可用.
解決方案二: jQuery擴展
以下內(nèi)容參考[1]
主頁: http://plugins.jquery.com/project/linkchecker
Demo 頁面: http://sidashin.ru/linkchecker/
下載的壓縮包內(nèi)有調(diào)用樣例.
補充：
如果針對一個具體的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
有一個通訊錄系統(tǒng), 同時部署在幾臺服務(wù)器上, 但是主頁上有個通訊錄的鏈接, 鏈接到這個系統(tǒng). 問題是, 有時候鏈接指向的服務(wù)器出故障, 于是希望在這個服務(wù)器出故障(服務(wù)不可用)的情況下, 能指向其他服務(wù)器的鏈接.
解決方案一: XMLHTTP方案
以下代碼摘自[2]中meizz的回帖:
復(fù)制代碼 代碼如下:
<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://chabaoo.cn/aaa.asp " onclick= "return getURL(this.href) "> csdn </a>
缺點: 使用ActiveXObject, 所以是IE Only. 非IE內(nèi)核瀏覽器不可用.
解決方案二: jQuery擴展
以下內(nèi)容參考[1]
主頁: http://plugins.jquery.com/project/linkchecker
Demo 頁面: http://sidashin.ru/linkchecker/
下載的壓縮包內(nèi)有調(diào)用樣例.
補充：
如果針對一個具體的URL，光用jQuery，不需要插件可以這樣：
復(fù)制代碼 代碼如下:
$.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
您可能感興趣的文章:
- JavaScript實現(xiàn)點擊單選按鈕改變輸入框中文本域內(nèi)容的方法
- javascript 單選按鈕 單擊選中 雙擊取消選擇實現(xiàn)代碼
- javascript處理a標簽超鏈接默認事件的方法
- javascript實現(xiàn)鏈接單選效果的方法
- javascript動態(tài)創(chuàng)建鏈接的方法
- JavaScript返回網(wǎng)頁中超鏈接數(shù)量的方法
- JavaScript獲取網(wǎng)頁中第一個鏈接ID的方法
- javascript實現(xiàn)類似超鏈接的效果
- javascript實現(xiàn)點擊單選按鈕鏈接轉(zhuǎn)向?qū)?yīng)網(wǎng)址的方法
相關(guān)文章
2008-02-02
教你30秒發(fā)布一個TypeScript包到NPM的方法步驟
這篇文章主要介紹了教你30秒發(fā)布一個TypeScript包到NPM的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
這篇文章主要為大家詳細介紹了js中apply與call簡單用法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
今天小編就為大家分享一篇基于layui table返回的值的多級嵌套的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了Three.js外部模型加載的教程詳解,在文章給大家補充介紹了three.js 外部模型加載json的方法，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-11-11
這篇文章主要為大家詳細介紹了15個非常實用的JavaScript代碼片段，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
js中substr,substring,indexOf,lastIndexOf的用法小結(jié)
本篇文章主要是對js中substr,substring,indexOf,lastIndexOf的用法進行了總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要給大家介紹了如何通過一篇文章讓你輕松記住js的隱式轉(zhuǎn)化的相關(guān)資料,通過在各種情況下發(fā)生的隱式類型的例子,來詳細的了解隱式類型轉(zhuǎn)換的過程,需要的朋友可以參考下2022-01-01
JavaScript打印網(wǎng)頁指定區(qū)域的例子
這篇文章主要介紹了JavaScript打印網(wǎng)頁指定區(qū)域的例子,需要的朋友可以參考下2014-05-05
這篇文章主要給大家介紹了關(guān)于利用微信小程序獲取當(dāng)前時間及星期幾的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09