1

这不会影响我的页面或输出，但我想知道是否有人可以解释为什么会这样：

这是我的阿贾克斯：

$(document).ready(function(){

$archive = "/videoarchive/";

$.ajax({
  url: "http://mysite.com/videoarchive/",
  cache: false
}).done(function( html ) {
    $div = $('.archive', $(html));
    $img = $div.first().find('img').attr('src');
    $link = $div.first().find('a').attr('href');
    alert($img);
    $('#featureVideo').append('<img src="http://mysite.com/videoarchive/'+$img+'" alt="image" />');
    $('#playVideo').append('<a class="extLink" href="http://mysite.com/videoarchive/'+$link+'" target="_blank" title="fancybox link"><img src="images/playButton.png" alt="image" /></a>');
    $('#archiveLinks').append('');

});

});

一切正常，但是当我检查元素并在控制台中查看来自传入 HTML 的所有图像时，都将路径添加到我的网站。这是一个例子：

加载资源失败：服务器响应状态为 404（未找到）>>> http://mysite.com/webapps/r2ewg/images/diversity_scanline.jpg

我只是好奇是否有办法摆脱这些，或者我是否被它们困住了。或者如果我做错了什么......

在 Chrome 和 IE8 中运行良好...输出只能在 Intranet 站点上的 IE8 中看到...

让我知道我是否可以提供更多详细信息？

4

2 回答 2

1

首先，你应该包装 html 两次吗？而是这样做：

$div = $('.archive', html);
于 2013-04-05T18:18:37.820 回答
1

可能发生的情况是，当您从 ajax 调用返回响应时，您会收到一堆 HTML，并且该 URL ( http://mysite.com/webapps/r2ewg/images/diversity_scanline.jpg ) 是其中的一部分它。

如果该 HTML 块附加到您的 DOM，浏览器将尝试抓取图像。浏览器可能正在尝试加载图像并获得 404。它甚至可能与您的 jQuery 没有任何关系。

于 2013-04-05T18:20:04.900 回答