尝试使用ajax查找图像的常量错误?

时间:2015-04-16 20:06:04

标签: javascript jquery html ajax

在开始之前,我只想说我知道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');
        }
});

这个有效。不知道为什么会这样做而且我要问的那个没有。

1 个答案:

答案 0 :(得分:0)

需要 ajax请求的网络服务器。只需使用files:///中的网站即可。

通常情况下,转到error回调意味着出现网络错误,而不是代码错误(显然,如果您从代码生成路径,则除外)。< / p>

这就是为什么你应该尝试研究&#34;网络&#34;浏览器控制台的选项卡,并检查这些请求是否失败 - 那么原因。