在javascript中解析python json响应

I am parsing json response in jquery.

我在jquery中解析json响应。

console.log(response) gives

{"result": [{"surprise": "24.79%"}, {"joy": "18.73%"}, {"anticipation": "14.61%"}, {"disgust": "10.54%"}, {"sadness": "8.75%"}, {"trust": "8.32%"}, {"anger": "8.12%"}, {"fear": "6.14%"}]}

I trying to parse this json into variable like this:

我试图将这个json解析为变量,如下所示:

val res = JSON.parse(response);
document.getElementById("anger").innerHTML = res['result'][6]['anger'];
document.getElementById("disgust").innerHTML = res['result'][3]['disgust'];
document.getElementById("fear").innerHTML = res['result'][7]['fear'];
document.getElementById("joy").innerHTML = res['result'][1]['joy'];
document.getElementById("sadness").innerHTML = res['result'][4]['sadness'];
document.getElementById("surprise").innerHTML = res['result'][0]['surprise'];
document.getElementById("trust").innerHTML = res['result'][5]['trust'];
document.getElementById("anticipation").innerHTML = res['result'][2]['anticipation'];

which gives

Uncaught SyntaxError: Unexpected identifier

at val res = JSON.parse(response);

at val res = JSON.parse(response);

What mistake I am doing here?

我在这做什么错?

2 个解决方案

#1

Change val to var:

将val更改为var:

var response = '{"result": [{"surprise": "24.79%"}, {"joy": "18.73%"}, {"anticipation": "14.61%"}, {"disgust": "10.54%"}, {"sadness": "8.75%"}, {"trust": "8.32%"}, {"anger": "8.12%"}, {"fear": "6.14%"}]}';


var res = JSON.parse(response);
document.getElementById("anger").innerHTML = res['result'][6]['anger'];
document.getElementById("disgust").innerHTML = res['result'][3]['disgust'];
document.getElementById("fear").innerHTML = res['result'][7]['fear'];
document.getElementById("joy").innerHTML = res['result'][1]['joy'];
document.getElementById("sadness").innerHTML = res['result'][4]['sadness'];
document.getElementById("surprise").innerHTML = res['result'][0]['surprise'];
document.getElementById("trust").innerHTML = res['result'][5]['trust'];
document.getElementById("anticipation").innerHTML = res['result'][2]['anticipation'];

<div id="anger"></div>
<div id="disgust"></div>
<div id="fear"></div>
<div id="joy"></div>
<div id="sadness"></div>
<div id="surprise"></div>
<div id="trust"></div>
<div id="anticipation"></div>

#2

First you need to change "val" to "var". Then here's how I'd do this:

首先,您需要将“val”更改为“var”。然后我就是这样做的:

res.result.forEach( function(elem){
    for (var e in elem){
        $('.' + e).html(elem[e]);
    }
});

Here's a fiddle: https://jsfiddle.net/mckinleymedia/pc2q917f/

这是一个小提琴:https://jsfiddle.net/mckinleymedia/pc2q917f/

#1