如何使用Ajax请求中的JavaScript解析JSON

Question

I have this code:

GameManager.prototype.initGame = function () {
    var api  = 'my_url';
    $.ajax({
        url : api,
        type : 'POST',
        data: "",
        dataType : 'json',
        success : function(data) {
            alert(data);
        }
    });
};

I see in the Firebug console the JSON:

[{"data":{"score":500,"token":"2896c5380bf3e3e29467258c7fe885fe"}}]

But the alert(data) shows me [object Object] .

Answer 1

Use alert(JSON.stringify(data)); .

Answer 2

The object will already have been parsed when using:

dataType : 'json'

This is what the doc says:

"json": Evaluates the response as JSON and returns a JavaScript objec

You can read more about the dataType parameter here http://api.jquery.com/jquery.ajax/

Answer 3

Did you tried ?

var json = JSON.parse(data);

alert(json["score"]);

Answer 4

You should use JSON.Stringify().

JSON.Stringify()

Answer 5

console.log is for strings ( link ). I think you are doing everything ok, you just need to get certain properties from your object, eg. data.score if you want to output them using console.log , because I assume you will be working with data ir JSON format, and not in stringified version.

Answer 6

Try JSON.stringify() method to display the data of JSON object in alert . It will convert the JSON Object into JSON String.

DEMO

 var jsonObj = [{ "data": { "score": 500, "token": "2896c5380bf3e3e29467258c7fe885fe" } }]; alert(JSON.stringify(jsonObj));