jQuery的Ajax是給了我一個404未找到錯誤

我有以下代碼：jQuery的Ajax是給了我一個404未找到錯誤

<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="description" content=""> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
<script> 
    function loadPhotos(folderName){ 
      var folder = "assets/photos/"+folderName+"/"; 
      $.ajax({ 
       url : folder, 
       success: function (data) { 
        $(data).find("a").attr("href", function (i, val) { 
         if(val.match(/\.(jpe?g|png|gif)$/)) { 
          $("body").append("<img src='"+ folder + val +"'>"); 
         } 
        }); 
       } 
      }); 
      } 
</script> 
</head> 

<html> 
<div onclick="loadPhotos('7thAnnual')">7th Annual</div> 
</html>

因爲當我點擊的div一些奇怪的原因，loadPhotos函數拋出一個404未找到錯誤的Ajax調用....但它所說的無法找到的目錄確實存在。

爲了記錄我在本地主機上運行此（http://127.0.0.1:8020/）。

目錄結構LJF /資產/照片/ 7thAnnual ....

這樣的完整路徑是http://127.0.0.1:8020/Ljf/assets/photos/7thAnnual

的7thAnnual目錄中保存的所有圖像

有什麼想法？

來源

2016-03-06 DJ Burb

你是什麼目錄結構？ –

你做了什麼來調試呢？您是否嘗試過使用爲Ajax調用創建的URL打開一個新窗口？它看起來像你剛剛得到一個目錄列表正確？ – 2016-03-06 02:26:55

在網絡選項卡下檢查開發人員工具，確切地調用了哪些電話 –

好吧....這樣看來，我要在URL完全限定的名稱，像這樣：

var folder = "127.0.0.1:8020/Ljf/assets/photos/7thAnnual";

，而不是僅僅使用：

var folder = "Ljf/assets/photos/7thAnnual"

這個答案帶來了

「只有協議方案支持跨源請求：http， data，chrome，chrome-extension，https，chrome -extension資源「。

這是一個不同的問題比這個職位，但它確實解決了

找不到404

因此，我將其標記爲答案

來源

2016-03-06 14:19:02

運行此然後再....此解決方案不起作用在FireFox ....我仍然得到一個404找不到錯誤那裏 –

您必須創建目錄assets/photos/7thAnnual /。要確保你這樣做

來源

2016-03-06 02:35:52

該目錄確實存在 –

如果您在Chrome中運行這個，打開漂亮的小檢查

（右在後臺點擊某處，選擇檢查，然後轉到網絡選項卡檢查窗口）

然後點擊應該觸發ajax的div，它會顯示你嘗試去的路徑。（在最底層的小的網絡面板）

確保路徑看起來正確

看的響應，看看是否有任何其他潛在有用的信息

讓我知道你發現了什麼！

來源

2016-03-06 03:05:58

http://127.0.0.1:8020/Ljf/assets/photos/7thAnnual/是它失敗的目錄.....它會拋出404 ...但目錄存在，所以我我不確定它爲什麼失敗 –

，你可以導航到瀏覽器？ –

不是目錄本身....但如果我添加像這樣的圖像文件：127.0.0.1:8020/Ljf/assets/photos/7thAnnual/1.jpg ....它的工作原理 –

jQuery的Ajax是給了我一個404未找到錯誤

回答

相關問題