jQuery定期更新从JSON从php

Question

我有一个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 .

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-templates-and-json.html