Cannot get data in PHP from JQuery Ajax post with JSON

Question

I am trying a simple test to learn about the JQuery Ajax POST method and I have setup a little example on my server. However I can't it to work.

My JavaScript is as follows:

JavaScript:

var json = {"Num String":"2","Num":3,"Num":11,"Num":2,"Num":"?"};
$.ajax({
        type: "POST",
        url: "sampleJSONPost.php",
        data: json, //Data to POST to the server
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        error: function (jqXHR, status, err) {
            console.log("Error " + err + " " + status + " " + JSON.stringify(jqXHR)); //Log the Error 
        },
        success: function (data, status, jqXHR) {  
              console.log(JSON.stringify(data)); //Log the Data returned
              $("span").text(data);
        }
    });
};

And here is my PHP:

PHP:

<?php
$data = $_POST["data"];
echo json_decode($data);
?>

However this always gives me the following error:

Error SyntaxError: Unexpected end of input parsererror {"readyState":4,"responseText":"","status":200,"statusText":"OK"}

So to me it looks like my $data variable in PHP is not getting the JSON I am sending with the POST, would this be correct? If so can anyone help me find what is wrong? I have already tried lots of other solutions from SO but without success so I must be missing something simple?

Andrii Mishchenko · Accepted Answer · 2014-03-20 11:40:37Z

6

Change into

var json = {"data":{"Num String":"2","Num":3,"Num":11,"Num":2,"Num":"?"}};

answered Mar 20, 2014 at 11:40

Andrii Mishchenko

2,69424 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Andrii Mishchenko Over a year ago

Or at server side $data = $_POST;

Andrii Mishchenko Over a year ago

remove dataType: "json" line from your ajax config

Andrii Mishchenko Over a year ago

and contentType: "application/json; charset=utf-8", also

Shijin TR · Accepted Answer · 2014-03-20 11:42:27Z

1

Change

      data: json,

to

    data: JSON.stringify({ json : json }),

answered Mar 20, 2014 at 11:42

Shijin TR

7,80911 gold badges64 silver badges126 bronze badges

Comments

Puvanarajan · Accepted Answer · 2014-03-20 12:03:51Z

1

Try this

var json = {{"Num String":"2"},{"Num":3},{"Num":11},{"Num":2}};

or

This, I am not checking

$.ajax({
    type: 'POST',
    url: 'sampleJSONPost.php',
    contentType: 'application/json; charset=utf-8',
    data: { "Num String":"2","Num":3,"Num":11,"Num":2,"Num":"?" },
    dataType: 'json',
    success: function(data)
{

},
    error: AjaxFailed
});

answered Mar 20, 2014 at 12:03

Puvanarajan

2,9366 gold badges29 silver badges37 bronze badges

Collectives™ on Stack Overflow

Cannot get data in PHP from JQuery Ajax post with JSON

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related