如何在 JavaScript 中检查另一台服务器是否已启动？

Question

在我的网络应用程序中，我需要检查另一台服务器（在不同的 IP 地址上）是否已启动。我知道由于跨域限制，我不能使用直接的 ajax 请求。我无法使用 JSONP，因为我对其他服务器没有任何控制权。我还需要反复检查服务器是否启动，因为它有时可能不可用。所有这些都不容易。

然而，由于我只关心对远程服务器的请求是否成功（并且我不关心服务器可能返回的任何数据），所以我希望这是可能的。

我无法在服务器端执行此操作，因为服务器端可能对其他服务器可见，也可能不可见，我真正关心的是客户端（Web 浏览器）具有可见性。

我可以将一个新的 iframe 附加到 src 等于远程服务器地址的页面，但是如何检查 iframe 内容何时已成功加载？另外我如何提出定期请求？通过重复创建新的 iframe？这看起来很不干净。

有什么方法可以干净可靠地做到这一点吗？

Answer 1

function testServer(server, cb) {
    var img = new Image();
    img.onload = function() {
      cb.call(this, img);
    };
    img.src = server;
}

var url = "http://placekitten.com/200/300/"
testServer(url, function _self(img) {
    if (img.naturalHeight === 200) {
        alert("win");    
    } else {
        setInterval(function() {
            testServer(url, _self);
        }, 10000);
    }
});

您想要从远程服务器加载图像，然后检查图像高度或其他内容是否符合您的预期。

如果您无法将图像放置在远程服务器上，则需要使用 CORS

Answer 2

我知道由于跨域限制，我无法使用 ajax。

不正确。请参阅 JSONP

Answer 3

使用 jQuery 与 Raynos 类似的解决方案：

$('<img src="http://domain.tld/path/to/a.png">').load(function(){
    console.log("domain.tld is up.");
});