jquery - javascript 如何检查文件是否存在？

Question

我正在使用 jquery 库加载 html 文件的内容。像这样的事情:

$("#Main").load("login.html")

如果文件(在本例中为“login.html”)不存在，我想检测它，以便我可以将用户重定向到错误页面。有什么想法可以检测要加载的文件是否存在吗？

Answer 1

您可以使用 ajaxComplete 事件，它使您可以访问 xhr 对象，您可以查询请求的状态，例如状态 404 表示文件不存在。

文档中的更多信息 http://docs.jquery.com/Ajax/ajaxComplete#callback

在这里测试http://pastebin.me/48f32a74927bb

例如

$("#someDivId").ajaxComplete(function(request, settings){
    if (settings.status===404){
        //redirect here
    }
});