Периодическое обновление jQuery из JSON от php

Question

У меня есть PHP-файл, выполняющий несколько запросов, хранящий наборы результатов в многомерном ассоциативном массиве и кодируемый как JSON, например:

{"1":{"name":"Bob","score":18},"3":{"name":"Robert","score":12},"4":{"name":"Terry","score":22}...}

Таким образом, массив содержит набор массивов с идентификационными номерамив качестве ключей, каждый из которых содержит элементы 'name' и 'age'.

Я передаю некоторый HTML-код, подобный следующему:

<div id="game1">high scorer: Bob<br />score: 18</div>
<div id="game3">high scorer: Robert<br />score: 12</div>
<div id="game4">high scorer: Terry<br />score: 22</div>

И я хочу, чтобы информация в этих элементах обновлялась в соответствии сстрока JSON, обслуживаемая PHP, поэтому, если счет был побит для обновления с новой информацией.

Я пытался использовать .get () и .load (), но не совсем уверен, что делать, чтобыизвлечь элементы из JSON и распределить их по элементам div.

Answer 1

Как насчет использования метода jQuery getJSON ()?

$.getJSON('path/to/page.php', function(data) {
  $.each(data.myJSONArray, function(key, val) {
    $("#yourDiv").append('<div id="' + key + '">' + val + '</div>');
  });
});

http://api.jquery.com/jQuery.getJSON/

Редактировать: вам нужно немного настроить реализацию так, чтобы она соответствовала вашей структуре данных jSon -то, что я добавил выше, основано на общей структуре пары имя / значение в данных jSon.

Answer 2

Посмотрите на шаблоны JQuery.

http://vard -lokkur.blogspot.com / 2011/01 / JQuery-шаблоны-и-json.html