AJAX调用无法解析JSON

Question

I have the following piece of JSON:

[
{
    "number": "0",
    "name": "Russell Westbrook",
    "attemptedFG": [
        {
            "x": "333",
            "y": "97",
            "made": "true",
            "assisted": "false"
        },
        {
            "x": "571",
            "y": "389",
            "made": "true",
            "assisted": "false"
        }
    ],
    "attemptedFT": [
        {
            "made": "true"
        },
        {
            "made": "false"
        }
    ],
    "rebounds": "5",
    "assists": "8",
    "steals": "2",
    "blocks": "1",
    "turnovers": "3",
    "fouls": "4"
}
]

and I'm trying to parse it with this AJAX call using ReactJS:

loadStatsFromServer: function() {
    $.ajax({
        url: this.props.url,
        dataType: 'json',
        success: function(data) {
            this.setState({data: data});
        }.bind(this),
        error: function(xhr, status, err) {
        console.error(this.props.url, status, err.toString());
        }.bind(this)
    });
}

All the values in the JSON are still stringified after the AJAX call succeeds. The server sends back a response header with 'Content-Type', 'application/json' so I'm not sure why it's not parsing.

Server-side call:

app.get('/stats.json', function(req, res) {
    fs.readFile('stats.json', function(err, data) {
        res.setHeader('Content-Type', 'application/json');
        res.send(data);
    });
});

Thanks a bunch.

Answer 1

When you send a stringified json object from server to client, you need to parse that object to readable javascript object. So, you need to parse json in success event of ajax request:

success: function(data) {
        var result = $.parseJSON(data);
    }

Now result is a javascript readable object.