如何使用ajax post将JSON数据传递给php

时间:2016-03-14 18:59:10

标签: php jquery ajax

以下是代码:( #debug div文本如下所示)

$("#debug").text(JSON.stringify(data));
// Try to save to a file
$.ajax({
    type: 'POST',
    url: './json.php',
    dataType: 'json',
    data: JSON.stringify(data),            
    success: function(xhr, status, errorMessage) {
        if( xhr.responseText == "Success" ) {
            alert("Success!");
        } else {
            alert("response was "+xhr.responseText);
        }
    },
    error: function(xhr, status, errorMessage) {
        $("#debug").append("RESPONSE: "+xhr.responseText+", error: "+errorMessage);
    }
});

JSON.php页面是:

<?php
openlog("scriptLog.txt", LOG_PID | LOG_PERROR, LOG_LOCAL0);
   $json = $_POST['json'];
// open syslog, include the process ID and also send
// the log to standard error, and use a user defined
// logging mechanism
    syslog(LOG_DEBUG, "Received Data");

   if (json_decode($json) != null) { /* sanity check */
    $file = fopen('./data.json','w+');
     fwrite($file, json_decode($json));
     fclose($file);
   } else {
     syslog(LOG_DEBUG,"Failure");
     return "Failure, json decode is null";
   }
   closelog();
   return "Success";
?>

在日志中我得到:

Mar 14 14:50:54 scriptLog.txt [21902]:收到数据

Mar 14 14:50:54 scriptLog.txt [21902]:失败

在调试div文本中,我得到:

{"1457981454959":{"id":1457981454959,"code":"1","title":"Test","date":"22/03/2016","description":"a Task"}}RESPONSE: , error: SyntaxError: JSON Parse error: Unexpected EOF

1)如何查看发布的数据?即“收到的数据:”+系统日志中的内容,以查看其结构。 2)JSON解析错误?我看到的大多数示例都使用此stringify函数。然后他们使用json_decode来获取值。为什么解析错误?

1 个答案:

答案 0 :(得分:1)

  

1)如何查看发布的数据?即“收到的数据:”+系统日志中的内容,以查看其结构。

据我所知,你正在调试代码,所以syslog可能不是最好的主意。 我只是使用浏览器网络控制台来查看请求的内容和这样一个简单的php文件,以查看$_POST的内容:

<?php
   echo json_encode($_POST);

在更复杂的情况下 - 使用实际的debugger

  

2)JSON解析错误?我看到的大多数示例都使用此stringify函数。然后他们使用json_decode来获取值。为什么解析错误?

您正在尝试使用json中的$_POST密钥,但是您没有指示jQuery添加它,因此您没有收到预期的内容。

您的$.ajax电话问题很少,以下是评论版:

$.ajax({
    type: 'POST',
    url: './json.php',
    dataType: 'json', // Note: dataType is only important for the response
                      // jQuery now expects that your server code
                      // will return json

    // here you need to add the 'json' key
    data: {'json': JSON.stringify(data)},       

    // the success method has different order of parameters      
    //success: function(xhr, status, errorMessage) {
    success: function(data, status, xhr) {
        alert("response was "+data);
    },
    error: function(xhr, status, errorMessage) {
        $("#debug").append("RESPONSE: "+xhr.responseText+", error: "+errorMessage);
    }
});

现在,在服务器上,您将$_POST['json']包含序列化字符串,您可以json_decode

或者,您可以在不进行序列化的情况下发送JSON数据:

var data = {'test': 'abc'};

$.ajax({
    type: 'POST',
    url: './json.php',
    // No 'JSON.stringify()', just send your data
    data: data,
    ...
});

在服务器上,您将$_POST['test']具有abc值(因此您已将json转换为数组)。