通过 JavaScript 检查我的服务器是否在线的最快方法是什么？
我尝试了以下 AJAX：
function isonline() {
var uri = 'MYURL'
var xhr = new XMLHttpRequest();
xhr.open("GET",uri,false);
xhr.send(null);
if(xhr.status == 200) {
//is online
return xhr.responseText;
}
else {
//is offline
return null;
}
}
问题是，如果服务器离线，它永远不会返回。如何设置超时，以便如果它在一段时间后没有返回，我可以假设它处于离线状态？
XMLHttpRequest跨域不起作用。相反，我会加载一个<img>你希望很快回来并观看onload事件的小文件：
function checkServerStatus()
{
setServerStatus("unknown");
var img = document.body.appendChild(document.createElement("img"));
img.onload = function()
{
setServerStatus("online");
};
img.onerror = function()
{
setServerStatus("offline");
};
img.src = "http://myserver.com/ping.gif";
}
编辑： 清理我的答案。XMLHttpRequest同域的解决方案是可以的，但是如果只是想测试一下服务器是否在线，img加载解决方案最简单。没有必要搞乱超时。如果你想让代码看起来像是同步的，这里有一些语法糖给你：
function ifServerOnline(ifOnline, ifOffline)
{
var img = document.body.appendChild(document.createElement("img"));
img.onload = function()
{
ifOnline && ifOnline.constructor == Function && ifOnline();
};
img.onerror = function()
{
ifOffline && ifOffline.constructor == Function && ifOffline();
};
img.src = "http://myserver.com/ping.gif";
}
ifServerOnline(function()
{
// server online code here
},
function ()
{
// server offline code here
});
下面是我如何使用 Fetch 来管理请求并使用 AbortController 来处理 Node.js 应用程序中的超时来检查服务器可用性。
function checkServer(url, timeout) {
const controller = new AbortController();
const signal = controller.signal;
const options = { mode: 'no-cors', signal };
return fetch(url, options)
.then(setTimeout(() => { controller.abort() }, timeout))
.then(response => console.log('Check server response:', response.statusText))
.catch(error => console.error('Check server error:', error.message));
}使用XMLHttpRequest，然后检查它是否失败。不确定这是否可以跨域工作。
进行 ajax 调用，其结果将说明问题。
添加到gilly3 答案
在实践中，我发现需要使用document.body.appendChild 相当慢的.
尽管问题是关于纯 JavaScript 的，但使用一些 HTML 会使该解决方案更快。
所以我把这段代码留在这里给任何寻求速度的人。
<html>
<head>
<title>Some page</title>
</head>
<body>
<img src="https://myserver.com/ping.gif" onload="pageOnline()" onerror="pageOffline()">
<script>
function pageOnline() {
// Online code
}
function pageOffline() {
// Offline code
}
</script>
</body>
</html>