使用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];
    }
  }