本文介绍了一种使用JavaScript自定义函数ping来检测服务器连接状态的方法。通过创建Image对象并设置其src属性指向服务器上的文件，利用图片加载成功或失败的事件来判断服务器是否可连接。示例中还包含了按钮点击触发检测及结果输出。
//定义一个按钮
<body>
<button id="btn">查看连接</button>
</body>
<script type="text/javascript">
/**
* 任何时候发请求前都可以去检查连接
*/
var online = 0;
//1.自定义函数用于判断服务器连接状态
function ping(callback){
//2.实例化对象
var img = new Image();
//3.设置SRC
img.src = '01.php';
//4.添加加载完成事件
img.onload = function(){
//4.1调用回调函数并且传个参数 告诉它连接状态
callback(true);
}
//5.添加异常事件
img.onerror = function(){
//5.1执行回调函数并传递状态
callback(false);
}
}
document.getElementById('btn').onclick = function(){
ping(demo);
}
function demo(status){
//判断连接时传递回调函数，并且该回调函数执行时 获取加载状态
console.log(status);
}
</script>
//01.php
<?php
//header('Content-type:image/jpeg');
//echo 8;
sleep(5);
$img = imagecreatetruecolor(500, 600);
imagejpeg($img);
扫一扫
1377
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
