使用jquery插件测试url链接是否有效及js ping url
2011-06-09 09:17
731 查看
jquery的ping插件：//要用的需要明白代码及自己改些地方
(function($) {
$.fn.ping = function(options) {
var opts = $.extend({}, $.fn.ping.defaults, options);
var stime = new Date().getTime();
return this.each(function() {
var ping, requestTime, responseTime ;
var target = $(this);
function ping(){
$.ajax({url: opts.getUrl(target.html())+'/'+ Math.random() + '.html', //设置一个空的ajax请求
type: opts.type,
dataType: 'html',
timeout: opts.timeout,
beforeSend : function() {
requestTime = new Date().getTime();
},
complete : function() {
responseTime = new Date().getTime();
ping = Math.abs(requestTime - responseTime);
$('#'+target.html().replace('.','_')).text(ping + opts.unit);
//target.text(ping + opts.unit);
}
});
}
var etime = new Date().getTime();
if(Math.abs(stime - etime)<opts.timeout){
ping(); //无论如何都要执行一次
opts.interval != 0 && setInterval(ping,opts.interval * 1000);
}
});
};
$.fn.ping.defaults = {
type: 'GET',
timeout: 10000,
interval: 3,
unit: 'ms',
isUrl:function(url){ //验证url是否有效
var strReg = "^((https|http)?://)?"
+ "(([0-9]{1,3}.){3}[0-9]{1,3}" //
+ "|" //
+ "([0-9a-z_!~*'()-]+.)*" //
+ "([0-9a-z][0-9a-z-]{0,61})?[0-9a-z]." //
+ "[a-z]{2,6})" //
+ "(:[0-9]{1,4})?" //
+ "((/?)|" //
+ "(/[0-9a-z_!~*'().;?:@&=+$,%#-]+)+/?)$";
var re=new RegExp(strReg);
return re.test(url);
},
getUrl:function(url){ //保证url带http://
var strReg="^((https|http)?://){1}"
var re=new RegExp(strReg);
return re.test(url)?url:"http://"+url;
}
};
})(jQuery);
js ping url：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>HTTP Ping</title>
<style>
html{height: 100%;overflow: hidden;}
body{background: #000;color: #C0C0C0;font-weight: bold;font-size:
14px;font-family: Lucida Console;height: 100%;margin: 0 0 0 5px;}
#divInput{height: 10%;}
#divContent{height: 90%;overflow: auto;}
#txtTimeout{width: 40px;}
button{ margin-left: 10px;}
</style>
</head>
<body>
<div id="divInput">
<span>URL:</span>
<input id="txtURL" type="text" />
<span>Timeout:</span>
<input id="txtTimeout" type="text" value="2000" />
<input id="btnSwitch" type="button" value="Start" onclick="handleBtnClick()" />
<hr/>
</div>
<div id="divContent"></div>
<script>
var intStartTime;
var objIMG = new Image();
objIMG.onload =
objIMG.onerror =
function(){
/*
* 有回应,取消超时计时
*/
clearTimeout(intTimerID);
if(!bolIsRunning || bolIsTimeout)
return;
var delay = new Date() - intStartTime;
println("Reply from " +
strURL +
" time" +
((delay<1)?("<1"):("="+delay)) +
"ms");
arrDelays.push(delay);
/*
* 每次请求间隔限制在1秒以上
*/
setTimeout(ping, delay<1000?(1000-delay):1000);
}
function ping(){
/*
* 发送请求
*/
intStartTime = +new Date();
intSent++;
objIMG.src = strURL + "/" + intStartTime;
bolIsTimeout = false;
/*
* 超时计时
*/
intTimerID = setTimeout(timeout, intTimeout);
}
function timeout(){
if(!bolIsRunning)
return;
bolIsTimeout = true;
objIMG.src = "X:\\";
println("Request timed out.");
ping();
}
</script>
<script>
var $ = function(v){return document.getElementById(v)};
var arrDelays = [];
var intSent;
var bolIsRunning = false;
var bolIsTimeout;
var strURL;
var intTimeout;
var intTimerID;
var objBtn = $("btnSwitch");
var objContent = $("divContent");
var objTxtURL = $("txtURL");
objTxtURL.value = window.location.host;
function handleBtnClick(){
if(bolIsRunning){
/*
* 停止
*/
var intRecv = arrDelays.length;
var intLost = intSent-intRecv;
var sum = 0;
for(var i=0; i<intRecv; i++)
sum += arrDelays[i];
objBtn.value = "Start";
bolIsRunning = false;
/*
* 统计结果
*/
println(" ");
println("Ping statistics for " + strURL + ":");
println(" Packets: Sent = " +
intSent +
", Received = " +
intRecv +
", Lost = " +
intLost +
" (" +
Math.floor(intLost / intSent * 100) +
"% loss),");
if(intRecv == 0)
return;
println("Approximate round trip times in milli-seconds:");
println(" Minimum = " +
Math.min.apply(this, arrDelays) +
"ms, Maximum = " +
Math.max.apply(this, arrDelays) +
"ms, Average = " +
Math.floor(sum/intRecv) +
"ms");
}else{
/*
* 开始
*/
strURL = objTxtURL.value;
if(strURL.length == 0)
return;
if(strURL.substring(0,7).toLowerCase() != "http://")
strURL = "http://" + strURL;
intTimeout = parseInt($("txtTimeout").value, 10);
if(isNaN(intTimeout))
intTimeout = 2000;
if(intTimeout < 1000)
intTimeout = 1000;
objBtn.value = "Stop ";
bolIsRunning = true;
arrDelays = [];
intSent = 0;
cls();
println("Pinging " + strURL + ":");
println(" ");
ping();
}
}
function println(str){
var objDIV = document.createElement("div");
if(objDIV.innerText != null)
objDIV.innerText = str;
else
objDIV.textContent = str;
objContent.appendChild(objDIV);
objContent.scrollTop = objContent.scrollHeight;
}
function cls(){
objContent.innerHTML = "";
}
</script>
</body>
</html>
(function($) {
$.fn.ping = function(options) {
var opts = $.extend({}, $.fn.ping.defaults, options);
var stime = new Date().getTime();
return this.each(function() {
var ping, requestTime, responseTime ;
var target = $(this);
function ping(){
$.ajax({url: opts.getUrl(target.html())+'/'+ Math.random() + '.html', //设置一个空的ajax请求
type: opts.type,
dataType: 'html',
timeout: opts.timeout,
beforeSend : function() {
requestTime = new Date().getTime();
},
complete : function() {
responseTime = new Date().getTime();
ping = Math.abs(requestTime - responseTime);
$('#'+target.html().replace('.','_')).text(ping + opts.unit);
//target.text(ping + opts.unit);
}
});
}
var etime = new Date().getTime();
if(Math.abs(stime - etime)<opts.timeout){
ping(); //无论如何都要执行一次
opts.interval != 0 && setInterval(ping,opts.interval * 1000);
}
});
};
$.fn.ping.defaults = {
type: 'GET',
timeout: 10000,
interval: 3,
unit: 'ms',
isUrl:function(url){ //验证url是否有效
var strReg = "^((https|http)?://)?"
+ "(([0-9]{1,3}.){3}[0-9]{1,3}" //
+ "|" //
+ "([0-9a-z_!~*'()-]+.)*" //
+ "([0-9a-z][0-9a-z-]{0,61})?[0-9a-z]." //
+ "[a-z]{2,6})" //
+ "(:[0-9]{1,4})?" //
+ "((/?)|" //
+ "(/[0-9a-z_!~*'().;?:@&=+$,%#-]+)+/?)$";
var re=new RegExp(strReg);
return re.test(url);
},
getUrl:function(url){ //保证url带http://
var strReg="^((https|http)?://){1}"
var re=new RegExp(strReg);
return re.test(url)?url:"http://"+url;
}
};
})(jQuery);
js ping url：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>HTTP Ping</title>
<style>
html{height: 100%;overflow: hidden;}
body{background: #000;color: #C0C0C0;font-weight: bold;font-size:
14px;font-family: Lucida Console;height: 100%;margin: 0 0 0 5px;}
#divInput{height: 10%;}
#divContent{height: 90%;overflow: auto;}
#txtTimeout{width: 40px;}
button{ margin-left: 10px;}
</style>
</head>
<body>
<div id="divInput">
<span>URL:</span>
<input id="txtURL" type="text" />
<span>Timeout:</span>
<input id="txtTimeout" type="text" value="2000" />
<input id="btnSwitch" type="button" value="Start" onclick="handleBtnClick()" />
<hr/>
</div>
<div id="divContent"></div>
<script>
var intStartTime;
var objIMG = new Image();
objIMG.onload =
objIMG.onerror =
function(){
/*
* 有回应,取消超时计时
*/
clearTimeout(intTimerID);
if(!bolIsRunning || bolIsTimeout)
return;
var delay = new Date() - intStartTime;
println("Reply from " +
strURL +
" time" +
((delay<1)?("<1"):("="+delay)) +
"ms");
arrDelays.push(delay);
/*
* 每次请求间隔限制在1秒以上
*/
setTimeout(ping, delay<1000?(1000-delay):1000);
}
function ping(){
/*
* 发送请求
*/
intStartTime = +new Date();
intSent++;
objIMG.src = strURL + "/" + intStartTime;
bolIsTimeout = false;
/*
* 超时计时
*/
intTimerID = setTimeout(timeout, intTimeout);
}
function timeout(){
if(!bolIsRunning)
return;
bolIsTimeout = true;
objIMG.src = "X:\\";
println("Request timed out.");
ping();
}
</script>
<script>
var $ = function(v){return document.getElementById(v)};
var arrDelays = [];
var intSent;
var bolIsRunning = false;
var bolIsTimeout;
var strURL;
var intTimeout;
var intTimerID;
var objBtn = $("btnSwitch");
var objContent = $("divContent");
var objTxtURL = $("txtURL");
objTxtURL.value = window.location.host;
function handleBtnClick(){
if(bolIsRunning){
/*
* 停止
*/
var intRecv = arrDelays.length;
var intLost = intSent-intRecv;
var sum = 0;
for(var i=0; i<intRecv; i++)
sum += arrDelays[i];
objBtn.value = "Start";
bolIsRunning = false;
/*
* 统计结果
*/
println(" ");
println("Ping statistics for " + strURL + ":");
println(" Packets: Sent = " +
intSent +
", Received = " +
intRecv +
", Lost = " +
intLost +
" (" +
Math.floor(intLost / intSent * 100) +
"% loss),");
if(intRecv == 0)
return;
println("Approximate round trip times in milli-seconds:");
println(" Minimum = " +
Math.min.apply(this, arrDelays) +
"ms, Maximum = " +
Math.max.apply(this, arrDelays) +
"ms, Average = " +
Math.floor(sum/intRecv) +
"ms");
}else{
/*
* 开始
*/
strURL = objTxtURL.value;
if(strURL.length == 0)
return;
if(strURL.substring(0,7).toLowerCase() != "http://")
strURL = "http://" + strURL;
intTimeout = parseInt($("txtTimeout").value, 10);
if(isNaN(intTimeout))
intTimeout = 2000;
if(intTimeout < 1000)
intTimeout = 1000;
objBtn.value = "Stop ";
bolIsRunning = true;
arrDelays = [];
intSent = 0;
cls();
println("Pinging " + strURL + ":");
println(" ");
ping();
}
}
function println(str){
var objDIV = document.createElement("div");
if(objDIV.innerText != null)
objDIV.innerText = str;
else
objDIV.textContent = str;
objContent.appendChild(objDIV);
objContent.scrollTop = objContent.scrollHeight;
}
function cls(){
objContent.innerHTML = "";
}
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 使用jquery插件测试url链接是否有效及js ping url
- (转)jquery.url.js 插件的使用
- jQuery 插件取url参数[jquery.url.js]的使用以及文件下载
- js检测判断链接(URL)是否有效(服务可用)
- 使用JS来判断页面中的链接是否有效
- jQuery 插件取url参数[jquery.url.js]的使用以及文件下载
- JQuery插件第二十一个:利用Ajax判断链接是否有效
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
- 文本溢出插件jquery.dotdotdot.js使用方法
- AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
- js jquery 判断函数是否存在（$.isFunction函数的使用）
- jQuery-全屏滚动插件【fullPage.js】API 使用方法总结
- js点击出现悬浮窗效果不使用JQuery插件
- jquery.form.js表单插件的使用
- jquery.fileupload.js插件使用--多视频或音频上传预览
- 【jQuery】使用jQuery.Actual.js插件获取隐藏元素的高和宽
- jquery按需加载js和css插件使用说明
- js/jquery获取当前页面URL地址并判断URL字符串中是否包含某个具体值
- jQuery通过jquery.form.js插件使用AJAX提交Form表单
- Jquery 模板插件 jquery.tmpl.js 的使用方法(2):嵌套each循环,temp调用(使用预编译的模板缓存)