Ajax GET 在 Chrome 控制台中抛出 404 错误

Question

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

这是我的 Ajax：

$(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 (Not Found) >>> http://mysite.com/webapps/r2ewg/images/diversity_scanline.jpg

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

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

如果我可以提供更多详细信息，请告诉我？

Answer 1

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

$div = $('.archive', html);

Answer 2

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

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