无法在 chrome 扩展中发送 jQuery Ajax HTTP 请求

Question

我想在 google chrome 扩展中发送一个 jQuery Ajax HTTP 请求。我已经导入了 jQuery 库，我使用了以下代码：

    $.ajax({
            method: "PUT",
            url: "https://spreadsheets.google.com/feeds/cells/"+id+"/od6/private/full/"+cell,
            headers: {'If-Match': '*'},
            contentType: 'application/atom+xml',
            data: data
        }).done(function(msg) {
            alert("Data Saved: "+JSON.stringify(msg));
        }).fail(function(e){
            alert("There was a problem!\n"+JSON.stringify(e));
        })

但每当我尝试时，它都会向我显示一条消息：

    There was a problem!
    {"readyState":0,"status":0,"statusText":"error"}

但是当我在扩展程序之外（作为单个 html 页面）运行相同的 HTML 页面（已导入此 javascript 代码）时，我没有收到此消息，我每次都成功。

为什么会发生这种情况？如何在我的扩展程序中发送此请求？

注意：我不使用 XMLHttpRequest() 的原因是因为我必须单独发送请求头和数据（这是 google sheet api 所需的 <entry>...</entry> 标记）。我不知道如何在 XMLHttpRequest() 中做到这一点。如果 XMLHttpRequest() 有效，请给我一个使用 XMLHttpRequest() 发送标头和数据的代码示例。

Answer 1

在你的 mainifest 文件中尝试更改

"permissions": [
    "storage",
    "activeTab",
    "tabs",
    "https://ajax.googleapis.com/"
  ]

到

"permissions": [
    "storage",
    "activeTab",
    "tabs",
    "https://ajax.googleapis.com/",
    "https://*.google.com/"
  ]