如何在JavaScript中检查文件是否存在？

Question

我正在使用jQuery库来加载一个html文件的内容，就像这样：

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

如果文件（在这种情况下是'login.html'）不存在，我希望能够检测到它，以便我可以将用户重定向到错误页面。有什么办法可以检测要加载的文件是否存在吗？

- Anthony

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
    }
});

- redsquare

Answer 2

@PConroy的解决方案可行，但它对所有失败的ajax请求执行相同的操作。

如果您需要按每个请求处理-即如果第一个请求失败则转到X页面，如果第二个请求失败则转到Y，则需要使用$.ajax函数中的错误处理来实现这一点：

http://jsbin.com/iwume

（编辑链接：http://jsbin.com/iwume/edit）

- Remy Sharp

---

你应该在这里展示解决方案的基础知识，而不是要求人们点击链接。链接可以用于提供额外的信息，但答案本身应该包含足够的信息。 - Ruan Mendes