javascript - 即使指定了@grant，Greasemonkey AJAX 帖子似乎也不起作用

Question

我的脚本不起作用。AJAX 调用没有发生。为什么？

// ==UserScript==
// @name        prova
// @namespace   http://blogpagliaccio.wordpress.com/
// @description prova
// @include     http://*
// @version     1
// @grant       GM_xmlhttpRequest
// @require     http://userscripts.org/scripts/source/85398.user.js
// ==/UserScript==

// [........... other code]

    console.log('start ajax call...');
            GM_xmlhttpRequest({
                    method: "POST",
                    url: "www.prova.it",
                    data: {parametro:parametro},
                    onload: function(response) {
                            console.log(response.responseText);
                    },
                    onerror: function(reponse) {
                            alert('error');
                            console.log(reponse);
                    }
            });

我在指令中列出了 API 函数@grant，但没有看到 AJAX 调用和响应。

Answer 1

请参阅文档GM_xmlhttpRequest()。 data只需要一个字符串。

如果您尝试向 发送非字符串数据data，您将收到如下错误：

组件没有请求的接口
（113 超出范围 67）

因此，您必须将数据编码为适当的字符串。此外，您需要发送适当的Content-Type标头。两种主要类型/方法是：

1. application/x-www-form-urlencoded
   和
2. application/json

两种方法的编码和发送数据如下所示：

表单编码数据：

GM_xmlhttpRequest ( {
    method:     "POST",
    url:        "www.prova.it",
    data:       "parametro=" + encodeURIComponent (parametro),
    headers:    {
        "Content-Type": "application/x-www-form-urlencoded"
    },
    onload:     function (response) {
        console.log(response.responseText);
    },
    onerror:    function(reponse) {
        //alert('error');
        console.log("error: ", reponse);
    }
} );

JSON序列化数据：

GM_xmlhttpRequest ( {
    method:     "POST",
    url:        "www.prova.it",
    data:       JSON.stringify ( {parametro:parametro} ),
    headers:    {
        "Content-Type": "application/json"
    },
    onload:     function (response) {
        console.log(response.responseText);
    },
    onerror:    function(reponse) {
        //alert('error');
        console.log("error: ", reponse);
    }
} );