使用Jquery，如何根据JSON文档中返回的键名更新html页面中的元素？

Question

我目前正在异步获取json文档，以更新几个html页面中的元素。 我当前的方法似乎不够优雅。 对于许多页面，我只需要更新HTML页面上与json文档中返回的键对应的元素。 我正在寻找一个简单的jquery / javascript函数，每当获取页面中的html元素名称与json文档中返回的键匹配时，该函数就会更新文本框和其他简单元素。

理想的功能是在html页面首次加载时获取json文档，然后每分钟再次获取json文档。 这个想法是仅通过在返回的json文档中添加其他名称/值对就能更新其他html元素。

Answer 1

以下应该可以解决问题。 假设，我了解您的要求。

function updateElements() {
 function handleJSON(data) {
   for (key in data) {
     if ( ! data.hasOwnProperty(key)) {
       continue;
     }
     $('#'+key).html(data[key]);
   }
 };
 $.ajax({
  url: your_url,
  dataType: 'json',
  data: data,
  success: handleJSON
 });
};
setInterval(updateElements, 60000);

Answer 2

假设jdata包含JSON数据，则以下内容将替换ID对应于jdata键的文档元素。

  var k, kel;
  for (k in jdata) {
    if (jdata.hasOwnProperty (k) && (kel = document.getElementById (k))) {
       k.innerHTML = jdata[k];
    }
  }