Firefox 插件中的 Ajax答案

【问题标题】：Ajax In Firefox PluginFirefox 插件中的 Ajax
【发布时间】：2019-12-17 03:26:34
【问题描述】：

有没有办法从 Firefox 插件向服务器发送 Ajax 请求？如果是，如何？如果不是，我们如何在 Firefox 插件中进行客户端服务器通信？

我想从服务器获取一些 JSON 数据并根据客户端输入操作 DOM 对象。

我是插件编程的初学者。

【问题讨论】：

您找到解决方案了吗？

标签： firefox-addon

【解决方案1】：

您可以使用 xmlHTTPRequest 从 firefox 扩展发送 ajax 请求，就像在任何其他 Web 应用程序中一样。

【讨论】：

【解决方案2】：

从内容脚本中，您应该添加访问跨域内容的权限，您想要的 URL：

"permissions": {
    "cross-domain-content": ["http://example.org/", "http://example.com/"]
}

More info in the documentation.

【讨论】：

【解决方案3】：

这是一个执行 XHR 请求的简单 sn-p，没有 cookie（由于标志 Ci.nsIRequest.LOAD_ANONYMOUS 可以删除以使用 cookie 发送）（MDN :: Info on flags]。复制第一个代码块，然后查看下面的用法示例。

var {Cu: utils, Cc: classes, Ci: instances} = Components;
Cu.import('resource://gre/modules/Services.jsm');
function xhrGetPost(url, post_data, cb) {
    let xhr = Cc["@mozilla.org/xmlextras/xmlhttprequest;1"].createInstance(Ci.nsIXMLHttpRequest);

    let handler = ev => {
        evf(m => xhr.removeEventListener(m, handler, !1));
        switch (ev.type) {
            case 'load':
                if (xhr.status == 200) {
                    cb(xhr.response);
                    break;
                }
            default:
                Services.prompt.alert(null, 'XHR Error', 'Error Fetching Package: ' + xhr.statusText + ' [' + ev.type + ':' + xhr.status + ']');
                break;
        }
    };

    let evf = f => ['load', 'error', 'abort'].forEach(f);
    evf(m => xhr.addEventListener(m, handler, false));

    xhr.mozBackgroundRequest = true;
    if (post_data == undefined) {
        post_data = null;
    }
    if (post_data) {
          xhr.open('POST', url, true);
    } else {
        xhr.open('GET', url, true);
    }
    xhr.channel.loadFlags |= Ci.nsIRequest.LOAD_ANONYMOUS | Ci.nsIRequest.LOAD_BYPASS_CACHE | Ci.nsIRequest.INHIBIT_PERSISTENT_CACHING;
    //xhr.responseType = "arraybuffer"; //dont set it, so it returns string, you dont want arraybuffer. you only want this if your url is to a zip file or some file you want to download and make a nsIArrayBufferInputStream out of it or something
    xhr.send(post_data);
}

`POST` 的用法示例：

var href = 'http://www.bing.com/'
xhrGetPost(href, 'post_data1=blah&post_data2=blah_blah', data => {
    Services.prompt.alert(null, 'XHR Success', data);
});

`GET` 的用法示例：

var href = 'http://www.bing.com/'
xhrGetPost(href, null, data => {
    Services.prompt.alert(null, 'XHR Success', data);
});

【讨论】：

POST 的用法示例：

GET 的用法示例：

`POST` 的用法示例：

`GET` 的用法示例：