jquery - JSON数据更改时jQuery listview刷新

Question

我的数据库中有一些数据。我使用 PHP 和 MySQL 选择数据并将其放入 JSON。我将另一个站点上的 JSON 加载到我的列表视图中。有用。但我想要的是当 JSON 数据发生变化时，我的列表视图应该自动重新加载。

jQuery代码

$(document).ready(function(){    
  var url="url";

    $.getJSON(url,function(json){
      $.each(json.post,function(i,post){
      $("ul:jqmData(role='listview')").append("<li>"+post.naam+"</li>").listview('refresh');
    });
  });
});

我希望有一个人可以帮助我。

谢谢。

Answer 1

假设您想每 10 秒刷新一次并且您不知道您的服务器是否更改了数据，您应该每 10 秒拉一次数据，然后清空您的列表视图并刷新数据：

var autorefresh = null;
function autoUpdate(){

  if(autorefresh)
       clearTimeout(autorefresh);

    autorefresh=null;
    $.getJSON(url,function(json){
          var $list = $("ul:jqmData(role='listview')");
          $list.empty();
          $.each(json.post,function(i,post){
              $list.append("<li>"+post.naam+"</li>");
        });
          $list.listview('refresh');

          autorefresh=setTimeout(autoUpdate,10000);
    });
}

$(autoUpdate);

您可能想要保护 getJson 以防出现我在这里没有做的错误。