javascript - 尝试使用 ajax 查找图像时不断出错？

Question

在开始之前，我只想说我知道 this question is out there ，但答案不清楚，而且我没有足够的声誉来评论要求澄清。所以我对此表示歉意。

无论如何，我的问题(和代码)与上面链接中的问题非常相似(但不完全相同)。我试图将每个图像的名称读取到一个数组中，以便稍后访问，但每次运行脚本时，它都会返回一个错误。

var images = new Array(30); //I already know there are 30 pictures
var i = 0; 
$.ajax({
    url: "projects/pj",
    success: function(data){
        alert("success");
        $(data).find("a:contains(.jpg), a:contains(.JPG), a:contains(.png), a:contains(.PNG), a:contains(.gif), a:contains(.GIF)").each(function() {
            images[i] = $(this).attr("href");
            i++;
        }); 
    }, 

    error: function(jqXHR, textStatus, errorThrown){
        alert("error");
    }
});

为了清楚起见，文件夹“projects”与脚本位于同一目录中。

非常感谢您的帮助!

编辑:我只是想补充一点，我之前已经使用过这种技术来获取图片名称，但我没有尝试将它们放入数组中，我只是将它们添加到列表中。

$.ajax({
        url: "content/images",
        success: function(data){
            $(data).find("a:contains(.jpg), a:contains(.JPG), a:contains(.png), a:contains(.PNG), a:contains(.gif), a:contains(.GIF)").each(function() {
                var images = "content/images/" + $(this).attr("href");
                $('#container ul').append('<li></li>');
                $('<img>').attr("src", images).appendTo($('li').last());
            });
            $('#container ul li').first().addClass('active');
        }
});

这个成功了。不知道为什么这个可以，而我问的那个却不行。

Answer 1

您需要一个用于 ajax 请求的网络服务器。仅使用 files:/// 中的网站将无法工作。

通常，到达error回调意味着存在网络错误，而不是代码错误(显然，除非您从代码生成路径)。

这就是为什么您应该尝试查看浏览器控制台的“网络”选项卡，并检查这些请求是否失败 - 那么为什么。