javascript - 当 anchor HREF 源不存在时隐藏图像

Question

我想大约每 5 秒轮询一次 anchor 的 href 源，以查看该地址处的文件是否存在。当它存在时，在 anchor 中显示图像。换句话说，除非文件存在，否则链接基本上不存在。

我猜我必须使用 http HEAD 请求进行轮询以确定文件是否存在，然后适本地切换图像。一旦确定文件存在，我就可以停止轮询并使图像保持可见。

有没有更好的方法来做到这一点，有人可以建议一些可以处理此功能的脚本吗？

Answer 1

如果您的服务器配置为这样做，您可以使用:

http://api.jquery.com/jQuery.ajax/

使用 statusCode 映射轮询文件是否存在

function checkFile() {
    $.ajax({
        statusCode: {
            404: function() {
                //file does not yet exist
                setTimeout(checkFile, 5000);
            }
            200: function() {
                //file exists.
                showImage();
            }
        }
    });
}

不过，您可能还想捕获更多边缘情况(例如，错误回调)。