2010-12-28 37 views
0

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

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

は、どのように私はJSONからusermessageIDrepliesを取得し、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"}] 

答えて

3

使用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

+0

は、Firefox以外のブラウザでは、この動作しますか? – AJ00200

+0

よろしくお願いします。たとえば、WebページからJSONを取得することは可能ですか?たとえば、http://stackoverflow.com/jsonstuff.json – user556396

+0

@ user556396一般に、AJAXリクエストを使用してJSONを取得します。 – AJ00200

0

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

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

関連する問題