如何檢查一個文件是否存在於JavaScript中？

Question

我正在使用jquery庫來加載html文件的內容。事情是這樣的：

$（ 「＃主」）的負載（ 「的login.html」）

如果文件（在這種情況下 '的login.html'）不存在，我想檢測。這樣我就可以將用戶重定向到錯誤頁面。任何想法如何檢測文件是否存在或不存在？

Answer 1

您可以使用ajaxComplete事件，讓您可以訪問xhr對象，您可以查詢請求的狀態，例如狀態爲404將意味着該文件不存在。

在文檔更多信息http://docs.jquery.com/Ajax/ajaxComplete#callback

測試這裏http://pastebin.me/48f32a74927bb

e.g

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

Answer 2

@ PConroy的解決方案有效，但它確實爲所有同樣的事情失敗了Ajax請求。

如果你需要這個每個請求的基礎 - 即如果第一個請求失敗它將轉到X頁，如果第二個失敗轉到Y，那麼你需要使用$ .ajax函數中的錯誤句柄：

http://jsbin.com/iwume

（編輯：http://jsbin.com/iwume/edit）