come programmare chiamate ajax ogni N secondi?

Question

Se voglio una pagina intera per ricaricare ogni n secondi, avrei messo qualcosa di simile nel codice HTML: meta http-equiv="refresh" content="5"

Esiste una pratica standard per fare lo stesso tipo di cosa per chiamate AJAX? Voglio programmare una chiamata AJAX da pronunciare ogni 10 secondi per aggiornare parti della pagina, senza aggiornare l'intera pagina. Sarebbe ancora meglio se potessi programmare più chiamate AJAX in momenti diversi, poiché alcune parti della pagina potrebbero dover essere aggiornate più spesso di altre.

TIA

Answer 1

Si potrebbe usare setTimeout o setInterval (quest'ultima è probabilmente più adatto a ciò che si vuole fare).

setInterval(makeRequest, (10 * 1000)); 

... dove makeRequest è una funzione che ricarica alcuni contenuti tramite la tecnologia AJAX.

Answer 2

function proxy() 
{ 
    /* implement call to your Ajax method */ 
} 

setInterval(proxy, 1000); // last arg is in milliseconds 

Answer 3

You can use serInterval method of javascript: 
Just write down the lines at the bottom of your page: 

<script> 
window.setInterval(function(){ 
    ajaxCallFunction(); //calling every 5 seconds 
}, 5000); 

function ajaxCallFunction(){ 
    //this function uses ajax to interact with the server 
} 
<script> 

Answer 4

suppongo che ci sia un servlet con pattern URL /UpdateCount è configurato in web.xml per fornire dati dinamici/contenuti e non v'è un elemento div countStatDiv nella pagina JSP.

Il seguente codice rinfresca/aggiorna il contenuto del countStatDiv a ogni 30 secondi utilizzando il metodo GET e variabili secondi valore può essere modificato a seconda delle necessità:

   <script> 
        var request; 
        var seconds=30; 
        function getRequestObject(){ 
        setInterval(function() {sendRequest();},seconds*1000); 
        if (window.ActiveXObject){ 
        return (new ActiveXObject("Microsoft.XMLHTTP")); 
        } else if (window.XMLHttpRequest){ 
        return(new XMLHttpRequest()); 
        } else { 
        return (null); 
        } 
        } 
        function sendRequest(){ 
        request = getRequestObject(); 
        request.onreadystatechange = handleResponse; 
        request.open("GET", "../UpdateCount", true); 
        request.send(null); 
        } 
        function handleResponse(){ 
        if((request.readyState == 4)&amp;&amp;(request.status == 200)){ 
        var serverResponse = request.responseText; 
        var statCtrl=document.getElementById("countStatDiv"); 
        statCtrl.innerHTML=serverResponse; 
        } 
        } 
       </script>