javascript - 检测页面加载时的 404 错误

Question

我在我的网站中嵌入了一个谷歌地图，有时谷歌会返回 404 错误。我知道我应该知道这个，但我不记得了，我也不能很快找到它。此站点上的其他 404 iframe 相关问题均未得到解答。

如何检查 javascript 中是否有 404 响应？我计划在响应为 404 时调用 location.reload()。

<iframe src="https://mapsengine.google.com/map/embed?mid=zGLD-nMIJQAg.k0gTyNlOPz_Q" width="640" height="480"></iframe>

错误代码为:

GET https://khms0.googleapis.com/kh?v=159&hl=en&x=784456&y=1636828&z=22&token=122715 404 (Not Found)

我试过了:没用。

var url = 'https://mapsengine.google.com/map/embed?mid=zGLD-nMIJQAg.k0gTyNlOPz_Q';
if (url.statusCode === '404'){
    window.location.reload();
}

Answer 1

var url = 'https://mapsengine.google.com/map/embed?mid=zGLD-nMIJQAg.k0gTyNlOPz_Q';
function UrlExists(url) {
    var http = new XMLHttpRequest();
    http.open('HEAD', url, false);
    http.send();
    if (http.status != 404)
        //  do something
    else
        window.location.reload();
}

使用此函数并将 URL 作为参数传递。如果状态不是 404，则什么也不会发生，或者您可以执行其他操作，它将根据您的要求刷新页面。