Получайте живые обновления с Mustache, JQuery Mobile и Ajax - PullRequest
Новая
       8

Получайте живые обновления с Mustache, JQuery Mobile и Ajax

0 голосов
/ 16 сентября 2018

Я пытаюсь изучить основы Mustache и использовать его с jQuery Mobile и Ajax.

Первая загрузка работает нормально, но если в файле JSON есть обновления, файл шаблона усов не обновляется.

JSON: 

{
    "players": [{
        "id": "1",
        "player": "player one",
        "count": "1"
    }, {
        "id": "2",
        "player": "player two",
        "count": "5"
    }]
}

HTML: 

<ul id="players" data-role="listview">
{{#players}}
<li>{{player}} {{count}}</li>
{{/players}}
</ul>

Аякс: 

        setInterval(function(){
          $.ajax({
          type: "GET",
          url: "json_players.php",
          dataType: 'json',
          complete: function() {
                  $('#players').listview().listview('refresh');
              }, 
          success: function(data) { 

          var template = $("#players").html();
          var html = Mustache.render(template, data);
          $('#players').html(html);
          }
          });

        },2000);

как я могу изменить свой код? спасибо!

...