Chrome扩展xmlhttprequest加载不正确的url [关闭]

Question

我正在编写一个 chrome 扩展程序，在我的扩展程序中，我有一个 XMLHttpRequest 从服务器获取 JSON 数据。然后我解析 JSON 数据以查找 URL。

问题是我随后使用从解析的 JSON 数据中获得的 URL 调用 XMLHttpRequest，但由于某种原因，我的 URL 有额外的信息。

下面的错误是我调用 XMLHttpRequest 时得到的：

GET chrome-extension://kppcidkhcjeehdfhcaliekdbgpbkjahg/%22https://b.thumbs.redditmedia.com/BldqCmg1rCqffUDXXYjvO_CQ_58pYIfAGCuHY7dTBIw.jpg%22 net::ERR_FILE_NOT_FOUND

我不明白为什么我的网址中有额外的信息。每当我将包含 URL 字符串的 var 输出到 console.log 时，它都会正确输出：https://b.thumbs.redditmedia.com/BldqCmg1rCqffUDXXYjvO_CQ_58pYIfAGCuHY7dTBIw.jpg

上面的 URL 是我希望 XMLHttpRequest 执行 GET 请求的，但似乎 GET 请求失败，因为它不是正确的 URL。

当我对 URL 进行硬编码时，我的初始 XMLHttpRequest 有效，并且我已经测试了对 URL 的硬编码：https://b.thumbs.redditmedia.com/BldqCmg1rCqffUDXXYjvO_CQ_58pYIfAGCuHY7dTBIw.jpg 这导致我的 XMLHttpRequest 工作正常。

我是否不允许对从远程服务器动态获取的 URL 执行 GET 请求？

Answer 1

错误的 url 中有 2 个%22 序列。这是双引号的编码。我认为带有 url 的变量包含一个用双引号括起来的字符串。当您执行 GET 请求时，它会向扩展的本地文件系统执行请求。因此请求chrome-extension://

诊断此类错误的一种方法是 console.log 包含您的 url 的变量的长度并将其与应有的长度进行比较：

var real_url = "https://b.thumbs.redditmedia.com/BldqCmg1rCqffUDXXYjvO_CQ_58pYIfAGCuHY7dTBIw.jpg";
console.log(real_url.length);
console.log(url.length);

或console.log字符串的第一个字符：

console.log(url.substr(0,1)); // is this a double quote?

尝试去掉多余的引号或更改负责解析 url 的 json 数据的代码。