javascript - 是否可以使用 Greasemonkey/tampermonkey 将 GM_xmlhttpRequest 用于我的数据表单？

Question

我目前正在研究 GM_getvalue，但它仅将数据保存在本地存储上。我想将输入的值保存到 send.php 所在的服务器。

这是我的代码:

var $ = unsafeWindow.jQuery;

$(document).ready(function() {

    if($("#save_form").html()){
        $("#save_form").submit(function(){
            var fullname = $("#name").val();
            var IDnumber = $("#id").val();
            GM_setValue("attendancelogs",GM_getValue("attendancelogs","")+fullname+" "+IDnumber+"<br/>");
        });
    }

有人建议我使用 GM_xmlhttpRequest 但我不知道如何使用它。他告诉我 GM_xmlhttpRequest 看起来像这样:

jQ(document).on("keyup", "form input", function () {
    let value = GM_getValue("name_full","");
    GM_xmlhttpRequest({
        method: "POST",
        url: "http://....",
        data: value,
        headers: {
            "Content-Type": "application/x-www-form-urlencoded"
        },
        onload: function(response) {
            alert(response);
            var json = $.parseJSON(response); 
        }
    });

最后，send.php 代码是什么？

Answer 1

GM_xmlHttpRequest 只是 XHR 的实现可以绕过SOP .

您可以找到 XHR in general 的文档，或some examples .

您当然需要将以下内容添加到脚本 header 中:

//@grant GM.xmlHttpRequest