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

时间:2013-01-05 19:12:58

标签: javascript http-post greasemonkey gm-xmlhttprequest

我的脚本不起作用。 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);
                    }
            });


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

1 个答案:

答案 0 :(得分:5)

the documents for GM_xmlhttpRequest()data仅使用字符串

如果您尝试将非字符串数据发送到data,则会出现如下错误:

  

组件没有请求的接口
  (113超出范围67)

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

  1. application/x-www-form-urlencoded
  2. application/json
  3. 对于这两种方法,编码和发送数据看起来像这样:

    表单编码数据:

    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);
        }
    } );