Recharger jquery JSON toutes les 5 secondes

Question

J'essaye de faire un listview dynamique qui est en train de recharger pour les changements toutes les 5 secondes. Il charge parfaitement la première fois en charge mais mon setinterval ne fonctionne pas correctement. Il va de toutes les 5 secondes, mais il ne met pas à jour mon menu, même si des modifications ont été apportées?

Voici ce que je suis arrivé à ce jour:

$(document).on('pageshow', function(){ 
    var userid=1; 
    $.mobile.loading('show'); 
    $.getJSON("http://mypage.com/playermenu.php?callback=?&userid="+userid,   
     function(data){ 
      var content = [] 
      $.each(data , function(i,val){ 

       content.push(val.list); 

      }); 

      $("#games").html(content.join("")); 
      $('#games').listview('refresh'); 

      $.mobile.loading('hide'); 

     }); 
}); 

setInterval(function(){ 
    $.mobile.loading('show'); 
    $.getJSON("http://mypage.com/playermenu.php?callback=?&userid="+userid,   
     function(data){ 
      var content = [] 
      $.each(data , function(i,val){ 

       content.push(val.list); 

      }); 

      $("#games").html(content.join("")); 
      $('#games').listview('refresh'); 

      $.mobile.loading('hide'); 

     }); 
}, 5000); 

Le .mobile.loading de $ ('show'); commence après 5 secondes mais n'atteint pas $ .mobile.loading ('hide');

Toute aide est appréciée et merci à l'avance :-)

Answer 1

var user_id est dans une portée différente de celle de la fonction de temporisation. Mettez le délai d'attente à l'intérieur du bloc de document prêt et le problème résolu. En outre, pensez à refactoriser votre code pour éviter autant de répétitions et améliorer la maintenabilité. Par exemple:

$(document).on('pageshow', function() { 
    var userid = 1, 
     url = 'http://mypage.com/playermenu.php?callback=?&userid=' + userid, 
     callback = function (data) { 
      var content = []; 
      $.each(data, function (i, val) { 
       content.push(val.list); 
      }); 
      $('#games').html(content.join('')).listview('refresh'); 
      $.mobile.loading('hide'); 
     }, 
     fetchData = function() { 
      $.mobile.loading('show'); 
      $.getJSON(url, callback); 
     }; 
    fetchData(); 
    setInterval(fetchData, 5000); 
}); 

Answer 2

Je pense que votre variable user_id pourrait ne pas être visible dans la fonction anonyme setInterval.