doudou1897
2018-04-18 02:47
浏览 216

在ajax POST方法期间,JSON对象作为NULL接收到服务器

Searched around and couldn't seem to find an answer. I am using ajax to post this stringified array filled with objects, which JSONLint's alright to a php script which right now just returns it.

However over the transmission the object turns into NULL. Is there something wrong with the way I'm sending my string of JSON? I would really appreciate some advice for this, will give out virtual high fives. Thanks for your time!

JS

  var newDist = $("#distanceEl").val();
    var newDate = $("#dateEl").val();
    var newId = this.arr.length + 1;
    var newStat = new Stat(newId, newDist, newDate);

    this.arr.push(newStat);
    var newData = JSON.stringify(this.arr);
    console.log(newData);

    $.ajax({
        url : "php/post.php",
        type: "POST",
        dataType : "json",
        contentType : "application/json",
        data: newData,

        success: function(response)
        {
            console.log("Ajax: " + JSON.parse(response));
        },

        error: function(requestObject, error, errorThrown)
        {
            console.log("Error with Ajax Post Request:" + error);
            console.log(errorThrown);
        }
    });

PHP

 $jsonData = json_decode($_POST['newData']);
echo json_encode($jsonData);

图片转代码服务由CSDN问答提供 功能建议

搜索过,似乎无法找到答案。 我正在使用ajax发布这个填充了对象的字符串化数组,JSONLint对于一个现在只返回它的php脚本没问题。

然而,在传输过程中,对象变为NULL。 我发送JSON字符串的方式有问题吗? 我真的很感激为此提出一些建议,会给出虚拟的高五。 感谢您的时间!

JS

  var newDist = $(“#distanceEl”)。val(); 
 var newDate  = $(“#dateEl”)。val(); 
 var newId = this.arr.length + 1; 
 var newStat = new Stat(newId,newDist,newDate); 
 
 this.arr.push  (newStat); 
 var newData = JSON.stringify(this.arr); 
 console.log(newData); 
 
 $ .ajax({
 url:“php / post.php”,
 类型:“POST”,
 dataType:“json”,
 contentType:“application / json”,
 data:newData,
 
 success:function(response)
 {
 console.log(“  Ajax:“+ JSON.parse(response)); 
},
 
错误:function(requestObject,error,errorThrown)
 {
 console.log(”Ajax Post Request出错:“+ error)  ; 
 console.log(errorThrown); 
} 
}); 
   
 
 

PHP

   $ jsonData = json_decode($ _ POST ['newData']); 
echo json_encode($ jsonData); 
   
 
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • duanmanpi9358 2018-04-18 03:14
    已采纳

    Since you are using contentType : "application/json" on your request, the data you sent will not populate the $_POST. You can use file_get_contents('php://input')

    You dont also need JSON.parse the response since you already using dataType : "json"

    On your js

    $.ajax({
        url : "php/post.php",
        type: "POST",
        dataType : "json",
        contentType : "application/json",
        data: newData,
        success: function(response)
        {
            console.log("Ajax: " , response);
        },
        error: function(requestObject, error, errorThrown)
        {
            console.log("Error with Ajax Post Request:" + error);
            console.log(errorThrown);
        }
    });
    

    On your PHP:

    $input = file_get_contents('php://input');
    $jsonData = json_decode($input);
    echo json_encode($jsonData);
    

    Other option is, don't sent your data as contentType : "application/json"

    On your js:

    var newData = [{"id":1,"distance":"1.2mi","date":"1/2/18"},{"id":1,"distance":"2.3mi","date":"1/4/18"},{"id":3,"distance":"1.7mi","date":"1/6/18"},{"id":4,"distance":"defaultDis","date":"defaultDate"}];
    
    $.ajax({
        url : "data.php",
        type: "POST",
        dataType : "json",
        data: {newData : newData}, //Pass your data as object. No need to stringtify newData
        success: function(response)
        {
            console.log("Ajax: " , response);
        },
        error: function(requestObject, error, errorThrown)
        {
            console.log("Error with Ajax Post Request:" + error);
            console.log(errorThrown);
        }
    });
    

    On your PHP:

    echo json_encode($_POST['newData']);
    
    打赏 评论

相关推荐 更多相似问题