javascript - 处理相对图像路径 ajax

Question

我正在开发一个小型的 Google chrome 扩展程序，它可以抓取某个网站的屏幕。问题是因为该网站使用相对路径，所以链接断开了，我收到很多这样的错误:

GET chrome-extension://higopdenpioddpmobbehnbcadeenihic/html/images/ico_aAO.gif
GET chrome-extension://higopdenpioddpmobbehnbcadeenihic/html/images/ico_dAO.gif

有什么办法可以避免这些错误吗？

我用于进行 GET 调用的代码是:

 $.ajax({
        url: searchUrl,
        type: "GET",
        data: {
            'pal': query
        },
        success: function() {
        },
        error: function() {
        }
    });

谢谢!

Answer 1

解决方案是不使用 jQuery 来解析文档。如果需要，您可以使用 jQuery.ajax，但不要使用 $ 来解析结果。

阅读 Console shows error about Content Security policy and lots of failed GET requests 的答案了解并解决您的问题。

答案强烈建议使用 vanilla JavaScript。如果您仍然想使用 jQuery，请使用以下 DOM 解析方法:

// responseText is a string, for example from calling jQuery.ajax
var doc = document.implementation.createHTMLDocument('');
doc.documentElement.innerHTML = responseText;
var $doc = $(doc);
// Enjoy the parsed document without errors!