Question

我编写了这段代码，并且它正在运行，因为我可以在控制台中看到日志。我有一点问题，因为我无法通过AJAX帖子将值发送到我的服务器。

    jQ(document).on("keyup", "form input", function () {
        var value = jQ(this).val();
        console.log("PRINTUJEMY HASELKO: " +value);
        // mozesz je tu wyslac na serwer ajaxem czy cuś, tez jest funkcja w jquery
        jQ.ajax({
            type    : "POST",
            url     : "http://result.php",
            data    : data,
            success : function(data){
                alert(data);
                var json = $.parseJSON(data);                
            }
        });
    })
    .keyup();
}

我可以看到这个错误：

＆＃34;未捕获的ReferenceError：数据未定义＆＃34;

我的PHP文件：

<?php
if( $_REQUEST["value"] ){
   $name = $_REQUEST['value'];
   echo "Welcome ". $value;
}
?>

Answer 1

更新：

由于您正在编写tampermonkey脚本，因此不应使用jQuery ajax来请求外部URL，而应使用GM_xmlhttpRequest（详细信息）。

jQuery不能否决相同的源策略，这意味着，您只能使用jQuery向本地文件系统发送ajax请求（这在某种程度上是毫无意义的。）

但是，GM_xmlhttpRequest没有同源边界。它完全是针对这种情况制作的。

请查看文档以获取更深入的信息：http://wiki.greasespot.net/GM_xmlhttpRequest

这是GM_xmlhttpRequest和示例用户标题的示例解决方案：

// ==UserScript==
// @name        my First USerscript
// @namespace   myNamespace
// @description queries some website
// @include     https://*
// @include     http://*
// @require     https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js
// @grant       GM_xmlhttpRequest
// @version     0.1
// ==/UserScript==

jQ(document).on("keyup", "form input", function () {
        var value = jQ(this).val();
        console.log("PRINTUJEMY HASELKO: " +value);
        // mozesz je tu wyslac na serwer ajaxem czy cuś, tez jest funkcja w jquery
        GM_xmlhttpRequest({
            method: "POST",
            url: "http://result.php",
            data: "value="+value,
            headers: {
                "Content-Type": "application/x-www-form-urlencoded"
            },
            onload: function(response) {
                alert(response);
                var json = $.parseJSON(response); 
            }
        });
});

玩得开心。

Answer 2

您的data财产应为：

data: { value : value },

发生参考错误是因为您的数据存储在value而不是data。您还尝试将其作为原始POST数据发送（没有任何密钥），并且由于您的服务器端正在查找value密钥，您应该按上述方式传递对象。

附注：您将无法对当前响应数据$.parseJSON()，因为字符串Welcome x无效JSON，但您应该在此之前看到警报。

Answer 3

 jQ.ajax({
  type: "POST",
  url: "http://result.php",
  data: value,
  success: function(data){
            alert(data);
            var json = $.parseJSON(data);                
        }
});

Jquery Ajax。使用tampermonkey从输入中发送值

3 个答案: