Jquery ajax給我一個404未找到的錯誤
[英]Jquery ajax is giving me a 404 not found error
問題描述
我有以下代碼：
<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函數在ajax調用上拋出404未找到的錯誤....但是它說它無法找到的目錄確實存在。
為了記錄，我在localhost（ http://127.0.0.1:8020/ ）上運行它。
目錄結構是Ljf / assets / photos / 7thAnnual ....
所以完整的路徑將是http://127.0.0.1:8020/Ljf/assets/photos/7thAnnual
7thAnnual目錄包含所有圖像
有什么想法嗎？
3 個解決方案
解決方案1
1 已采納 2016-03-06 14:19:02
好的....所以我似乎必須完全限定網址中的名稱，如下所示：
var folder = "127.0.0.1:8020/Ljf/assets/photos/7thAnnual";
而不是僅使用：
var folder = "Ljf/assets/photos/7thAnnual"
這個答案帶來了一個
“只有協議方案才支持交叉源請求：http，數據，chrome，chrome-extension，https，chrome-extension-resource。”
這是一個與這篇文章不同的問題，但確實解決了這個問題
404未找到
所以我會把它標記為答案
解決方案2
0 2016-03-06 02:35:52
您必須創建目錄assets / photos / 7thAnnual /。 一定要你這樣做
解決方案3
0 2016-03-06 03:05:58
如果你在chrome中運行它並打開漂亮的小檢查員
（右鍵單擊某處的背景，選擇檢查，然后轉到檢查窗口的網絡選項卡）
然后單擊應該觸發ajax的div，它應該顯示它嘗試到達的路徑。 （在你最小的網絡面板上）
確保路徑看起來正確
查看響應以查看是否還有其他可能有用的信息
讓我知道你發現了什么！
jQuery $ .ajax請求返回“錯誤404”，即使該資源存在
[英]JQuery $.ajax request returns me “Error 404” even if the resource exists
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.