comment planifier des appels ajax toutes les N secondes?

Si je veux une page entière à recharger toutes les N secondes, je voudrais mettre quelque chose comme ceci dans le code HTML:
meta http-equiv="refresh" content="5"

Est-il une pratique courante pour faire le même genre de chose pour les appels AJAX? Je veux programmer un appel AJAX pour aller hors tension toutes les 10 secondes, pour mettre à jour des parties de la page, sans rafraichissement de la page entière. Il serait encore mieux si je pouvais programmer plusieurs appels AJAX à différentes époques, comme certaines parties de la page peut avoir besoin d'être mis à jour plus souvent que les autres.

TIA

Depuis setTimeout et setInterval qui ont déjà été mentionnés, vous devriez probablement prendre un coup d'oeil à John Resig de notes sur la façon dont les minuteries de travail en JavaScript ejohn.org/blog/how-javascript-timers-work
À la recherche à la bibliothèque jQuery - il semble y avoir un plug-in conçu pour faire précisément ce que je recherchais: 360innovate.co.royaume-uni/blog/2009/03/periodicalupdater-pour-jquery

InformationsquelleAutor aaa90210 | 2009-08-29

12

Vous pouvez utiliser setTimeout ou setInterval (ce dernier est probablement le mieux adapté à ce que vous voulez faire).
```
setInterval(makeRequest, (10 * 1000));
```
...où makeRequest est une fonction qui recharge un peu de contenu via AJAX.
- Si vous faites cela, j'avais assurez-vous de vérifier que la demande précédente a terminé avant de commencer un autre. Vous ne voulez pas à s'accumuler demande si il y a de la latence réseau.
- Bon point. Cependant, cette logique serait probablement aller dans le "makeRequest" de la fonction.
- ce qui va se passer si la demande antérieure n'a PAS fini, quand l'autre est commencé?
- C'est juste pas souhaitable — par exemple, si l'on accuse ils pourraient finir au même moment, et donc votre INTERFACE utilisateur peut mettre à jour de façon irrégulière. Ou si il y a une erreur de réseau et aucun des demandes peuvent passer à travers, il n'y a aucun point dans l'envoi de demandes de plus de quelques secondes.
InformationsquelleAutor Steve Harrison

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

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

InformationsquelleAutor Decent Dabbler

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>

InformationsquelleAutor Ankit Gupta

Je suppose qu'il y a un servlet avec le Modèle d'URL /UpdateCount est configuré dans web.xml de fournir des dynamiques de données/contenu et il y a un élément div countStatDiv dans la page jsp.

Le code suivant actualise ou met à jour le contenu de countStatDiv à toutes les 30 secondes à l'aide de la méthode GET et variable secondes valeur peut être modifiée selon les besoins:

                <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>

InformationsquelleAutor AVA

Vous devez vous connecter pour publier un commentaire.