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未找到错误

回答

相关问题