jsonから値を取得し、javascriptで表示する方法

Question

Webページからjsonを取得したいと考えています。ページ上のJSONフォーマットである

[{"ID":"151032", 
    "user":"UsersName", 
    "message":"This is a message.", 
    "date":"1293452007", 
    "replies":"1", 
    "categories":false, 
    "categoriesArray":[], 
    "lat":"0.000000000000000", 
    "lng":"0.000000000000000"}] 

は、どのように私はJSONからuser、message、IDとrepliesを取得し、JavaScriptを介して他のWebページに表示することができますか？

例：hello UsersNameあなたのIDは151032であり、メッセージは次のとおりです。これはメッセージです。 1つの返信があります。

注：が、この複数の組、すなわち

[{"ID":"151032", 
    "user":"UsersName1", 
    "message":"This is a message.", 
    "date":"1293452007", 
    "replies":"1", 
    "categories":false, 
    "categoriesArray":[], 
    "lat":"0.000000000000000", 
    "lng":"0.000000000000000"}, 
{"ID":"151033", 
    "user":"UsersName2", 
    "message":"This is another message.", 
    "date":"1293452007", 
    "replies":"2", 
    "categories":false, 
    "categoriesArray":[], 
    "lat":"0.000000000000000", 
    "lng":"0.000000000000000"}] 

Answer 1

使用JSON.parseであると、通常のオブジェクトのプロパティのようなプロパティにアクセスします。例えば。

var msgs = JSON.parse(json); 

for(var i = 0, l = msgs.length; i < l; i++) { 
    var msg = msgs[i]; 
    var div = document.createElement('div'); 
    div.innerHTML = 'Hello ' + msg.user + ' your Id is: ' + msg.ID + 'and your message is: ' + msg.message + ' it has ' + msg.replies + ' replies'; 
    document.body.appendChild(div); 
} 

それは安全ではありませんが、作業はDEMO

Answer 2

、あなたは）JSONデータ（evalすることができます（ただし、これはユーザーのセキュリティ問題である可能性があり、それは構文解析ライブラリを使用するのがベストでしょう） 。 evalの後に（）、それをINGの、あなたはデータのようなデータにアクセスすることができます[0] [ "ID"]

あなたがここにJSONパーサーを取得することができます：http://www.json.org/js.html