Как я могу получить значения из JSON и отображать их в JavaScript

Question

Я хочу получить JSON с веб-страницы.JSON на странице имеет формат

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

Как я могу получить user, message, ID и replies из JSON и отобразить его на другой веб-странице через JavaScript?

Пример: hello UsersName Ваш идентификатор: 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);
}

Рабочая ДЕМО

Answer 2

Хотя это небезопасно, вы можете проверить () данные JSON (но это может быть проблемой безопасности для ваших пользователей, поэтому было бы лучше использовать библиотеку анализа). После eval () его, вы можете получить доступ к данным, таким как data [0] ["ID"]

Вы можете получить анализатор JSON здесь: http://www.json.org/js.html