Comment charger une partie de page toutes les 30 secondes

 function refreshPage() { $.ajax({ url: 'ajax/test.html', dataType: 'html', success: function(data) { $('.result').html(data); }, complete: function() { window.setTimeout(refreshPage, 30000); } }); } window.setTimeout(refreshPage, 30000); 

L’utilisation de setTimeout présente l’avantage que si la connexion est suspendue pendant un certain temps, vous ne recevrez pas des tonnes de demandes en attente, car une nouvelle ne sera envoyée qu’une fois la précédente terminée.

 function load_content(){ setTimeout(function(){ $.ajax({ url: 'ajax/example.html', dataType: 'html', success: function(data) { $('.result').html(data); load_content(); } });dataType: 'html', },30000); } load_content(); 

jQuery a déjà une fonctionnalité de construction permettant de remplacer le contenu d’un élément par un fichier distant, appelé load() . Avec load() vous pouvez utiliser cet oneliner:

 window.setTimeout($('#refresh').load('/remote/content.html'), 30000); 

#refresh est l’id de l’élément à actualiser, /remote/content.html est le contenu distant.

 $(function() { setInterval(function() { getData(); // call to function }, 30000 ); // 30 seconds }); // define your function here function getData() { var url ="/mypage.php?type=load_data"; var httpobj = $.ajax({url:url,async:false}); // send request var response = httpobj.responseText.sortingm(); //get response $('#myDiv').html(response); // display data } 

Si vous utilisez jQuery, vous pouvez utiliser la méthode load ()

 setInterval(function(){ $('#some-kinda-container').load('/some/kinda/url.html #bit-you-need'); }, 30000);