Chrome扩展跨域AJAX提供NETWORK_ERR:XMLHttpRequest异常101

Question

Chrome扩展跨域AJAX提供NETWORK_ERR:XMLHttpRequest异常101

Vid*_*dal 2 javascript ajax cross-domain google-chrome-extension

我正在创建一个Disqus通知程序Chrome扩展程序.这涉及到对disqus.com进行HTTP调用,但我无法通过AJAX调用 - Chrome给了我一个着名的NETWORK_ERR: XMLHttpRequest Exception 101错误.

我读到了某个地方(不记得在哪里),Chrome会阻止来自解压缩扩展程序的跨域AJAX调用,所以我也尝试打包我的扩展程序 - 但结果相同.我也明白,除了背景页面之外,我不能从任何地方进行跨域AJAX.

manifest.json的:

{
 "name": "Disqus notifier",
 "version": "1.0",
 "description": "Get notifications when you have new replies on your Disqus posts",
 "browser_action": {
   "default_icon": "icon.png",
   "popup": "popup.html"
 },
 "icons": {
    "16": "icon16.png",
    "48": "icon48.png",
    "128": "icon128.png"
 },
 "background_page": "background.html",
  "permissions": [
        "http://*/*",
        "https://*/*"
    ]
}

Run Code Online (Sandbox Code Playgroud)

background.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script type="text/javascript" src="background.js"></script>
</head>
<body>

</body>
</html>

Run Code Online (Sandbox Code Playgroud)

background.js:

function poll() {
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = handleStateChange; // Implemented elsewhere.
    xhr.open("GET", chrome.extension.getURL('http://disqus.com/api/3.0/messagesx/unread.json?user=<...>&api_key=<...>'), false);
    xhr.send(null);
    console.log(xhr.responseText);
}

function handleStateChange() {
    if (this.readyState == 4) {
        var resp = JSON.parse(this.responseText);
        updateUi(resp);
    }
}

function updateUi(json) {
    console.log("JSON: ", json);
}

Run Code Online (Sandbox Code Playgroud)

popup.html:

<html>
<head>
    <title>Disqus notifier</title>
    <script type="text/javascript">
        function updateButtonClicked() {
            chrome.extension.getBackgroundPage().poll();
        }
    </script>
</head>

<body>
  <button type="button" onclick="updateButtonClicked()">Update</button>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

该xhr.send(null);行记录101错误.在事件处理程序中handleStateChange,this.responseText是一个空字符串,导致JSON.parse失败Unexpected end of input.

那么:为了被允许进行跨域AJAX调用,我错过了什么？

Answer 1

PAE*_*AEz 7

你的background.js中有一个错误....

xhr.open("GET", chrome.extension.getURL('http://disqus.com/api/3.0/messagesx/unread.json?user=<...>&api_key=<...>'), false);

Run Code Online (Sandbox Code Playgroud)

...应该.....

xhr.open("GET", 'http://disqus.com/api/3.0/messagesx/unread.json?user=<...>&api_key=<...>', false);

Run Code Online (Sandbox Code Playgroud)

chrome.extension.getURL用于获取扩展中文件的url.
http://code.google.com/chrome/extensions/extension.html#method-getURL
您可以从不仅仅是后台页面生成xhr请求(非常确定您的扩展程序中的任何页面,包括内容脚本).
Chrome不会阻止来自解压扩展程序的xhr调用.

归档时间：	13 年，5 月前
查看次数：	5056 次
最近记录：	13 年，5 月前