如何使用 jQuery.post 将 JSON 数据发送到 php 脚本？

Question

这是在我的 javascript 代码中。变量 dataStore 是一个有效的 JSON 对象，并且 JSON.stringify 工作正常 - 我用 console.log() 进行了测试以确保。

我是 jQuery 新手，有一段时间没有编写 CGI 应用程序，所以我可能在这里做错了。

jQuery.post("taskmanager.php", JSON.stringify(dataStore), function (returnData) { 
    alert(returnData); 
});

taskmanager.php 脚本与我的其他文件（taskmanager.html、taskmanager.css、taskmanager.js）位于同一文件夹中。此文件夹位于我的 Windows7 文件夹 E:\JamesLaderoute\MySoftware\WebApp\TaskManager\code

我不确定要在 taskmanager.php 脚本中添加什么。我想我可以做一些简单的事情，比如：

<?php

    $data = $_GET["data"];

    echo "done";

?>

我不明白的是，php 脚本如何知道我的 JSON 字符串化信息被称为“数据”。

另外，我认为 jQuery.post() 将脚本名称作为第一个参数，然后是要发送到脚本的数据，然后是当脚本通过 echo 调用。

alert() 确实被调用了，但它显示的是 php 脚本而不是字符串“done”

我搜索了互联网（一点点）并找到了使用称为 AJAX 的东西将数据发送到 php 之类的脚本的示例。

我通过一个小例子学得最好，有没有一个很好的例子可以指出我所缺少的？我如何让它发挥作用？

最终，我计划获取 JSON 数据并将其保存到服务器上的文件中。我需要用真正的服务器运行这一切吗？现在我没有使用一个，但我确实有 WAMP 设置，所以如果需要的话我可以使用它。

感谢所有为我的问题发布答案的人。我正在编辑这篇文章，以展示我最终用来让我的应用程序运行的实际代码。

JavaScript 代码：

alert(returnData); });
        $.ajax({
            url : "taskmanager.php" ,
            type : 'POST',
            data : JSON.stringify(dataStore),
            success : function(res) {
                    // Successfully sent data
                  console.log(res);
            },
            error: function(err) {
                // Unable to send data
                  console.log(err);
            }
        });

PHP 代码：

<?php

    $contents = file_get_contents('php://input');
    $data = json_decode( $contents );

    file_put_contents( "taskdata.json",  "data=".$contents );

    echo "<br>done</br>";

?>

Answer 1

jQuery ajax 数据的默认Content-Type 是application/x-www-form-urlencoded，这在使用$_GET、$_REQUEST 和$_POST 的php 中非常容易使用，并且不需要字符串化为json

将对象直接传递给$.post（或任何 $.ajax 方法），jQuery 将在内部对其进行编码

var data ={foo:'bar'};
$.post('taskmanager.php', data, function(resp){
   console.log(resp);
})

php

echo $_POST['foo'];

---

如果您只想使用 json，则需要设置适当的 Content-Type

$.ajax({
   url:'...',
   method:'post',
   contentType:'application/json',
   dataType:'json',
   data: JSON.stringify(data)
}).done(function(resp){
   console.log(resp);
});

然后在php中使用：

$data = json_decode(file_get_contents('php://input'));
$data['foo'] ='Some new value';
echo json_encode($data);

Answer 2

使用 jQuery，您可以使用 POST 协议将数据发送到您的端点。下面的例子

$.ajax({
    url : 'taskmanager.php',
    type : 'POST',
    data : JSON.stringify(dataStore),
    success : function(res) {
        // Successfully sent data.
        console.log(res);
    },
    error: function(err) {
        // Unable to send data.
        console.log(err);
    })
});

您也可以使用 $.post 方法，它只是一种偏好。 $.ajax 提供了一些额外的灵活性，以防您可能希望将协议更新为 GET 而不是 post 或许多其他实例......

更多信息请点击此处：http://forum.jquery.com/topic/what-should-i-use-post-vs-ajax

Answer 3

我通常使用以下方式将 JSON POST 到 php...

$.post("publishdata.php", {
    dataArray: arrayOfStuff,
    meetingTitle: meetingTitle,
    meetingDate: meetingDate
},
function(data, status, response) {

     console.log(response);


});