jQuery从jSON定期更新

时间:2011-08-24 12:11:36

标签: php jquery ajax json multidimensional-array

我有一个运行大量查询的PHP文件,将结果集存储在多维关联数组中,编码为JSON,如下所示:

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

因此数组包含一组ID号作为键的数组,每个数组都包含元素'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>

我希望这些div中的信息根据PHP提供的JSON字符串进行更新,因此如果分数已被打败以更新新信息。

我尝试过使用.get()和.load()但不确定如何从JSON中提取元素并将它们分散到div中。

2 个答案:

答案 0 :(得分: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数据中的通用名称/值对结构。

答案 1 :(得分:0)