如何从json获取值并在javascript中显示它们

时间:2010-12-28 20:17:07

标签: javascript json

我想从网页上获取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获取usermessageIDreplies并通过javascript在其他网页上显示?

示例: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"}]

2 个答案:

答案 0 :(得分:3)

使用JSON.parse,然后访问属性,如普通对象属性。 E.g。

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

答案 1 :(得分:0)

虽然它不安全,但您可以eval()JSON数据(但这可能是您的用户的安全问题,因此最好使用解析库)。在eval()之后,您可以访问数据[0] [“ID”]

等数据

您可以在此处获取JSON解析器:http://www.json.org/js.html