2015-11-15 78 views
0

我在jquery中解析json響應。在javascript中解析python json響應

console.log(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%"}]} 

我想這個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']; 

這給

Uncaught SyntaxError: Unexpected identifier 

val res = JSON.parse(response);

我在這裏做什麼錯誤?

+0

請張貼再現誤差最小的自包含的例子。 – orlp

+0

@Feedlynews可以提供你的代碼你從哪裏獲取這些數據? –

+0

JSON.parse不是jQuery的一部分 –

回答

0

變化valvar

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>

0

首先,你需要改變 「VAL」 到 「變種」。那麼這裏我怎麼會做這樣的:

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

這裏有一個小提琴: https://jsfiddle.net/mckinleymedia/pc2q917f/