wie planen ajax-Aufrufe alle N Sekunden?

Wenn ich eine ganze Seite neu zu laden alle N Sekunden, ich würde so etwas wie dies in der HTML:
meta http-equiv="refresh" content="5"

Ist es eine gängige Praxis, für die gleiche Art der Sache für AJAX-Aufrufe? Ich möchte einen Zeitplan für einen AJAX-Aufruf zu gehen, die alle 10 Sekunden sagen, um zu aktualisieren, Teile der Seite ohne Aktualisierung der gesamten Seite. Noch besser wäre es, wenn ich könnte, Zeitplan mehrere AJAX-Aufrufe zu verschiedenen Zeiten, als einige Teile der Seite möglicherweise müssen häufiger aktualisiert werden als andere.

TIA

Seit setTimeout und setInterval haben bereits erwähnt, sollten Sie vielleicht einen Blick auf John Resig ' s Hinweise, wie Timer im JavaScript - ejohn.org/blog/how-javascript-timers-work
Blick auf die jQuery-Bibliothek - es scheint sich um ein beliebtes plug-in entworfen, um zu tun, was genau ich wurde nach: 360innovate.co.uk/blog/2009/03/periodicalupdater-für-jquery

InformationsquelleAutor aaa90210 | 2009-08-29

  1. 11

    Könnten Sie setTimeout oder setInterval (letzteres ist wahrscheinlich am besten, was Sie tun möchten).

    setInterval(makeRequest, (10 * 1000));

    ...wo makeRequest ist eine Funktion, lädt einige Inhalte via AJAX.

    Wenn Sie dies tun, ich würde stellen Sie sicher, stellen Sie sicher, dass die Anfrage beendet hat, bevor ein anderer beginnt. Sie wollen nicht, häufen sich Anfragen, wenn das Netzwerk lag.
    Guter Punkt. Jedoch, diese Logik würde wohl gehen, in die "makeRequest-Funktion".
    danke für den Tipp.
    was wird passieren, wenn die vorhergehende Anforderung noch NICHT beendet, wenn ein anderes gestartet wird?
    Es ist nur unerwünscht ist — zum Beispiel, wenn man die lags könnten Sie finish um die gleiche Zeit und so Ihre Benutzeroberfläche möglicherweise update unregelmäßig. Oder wenn es ein Netzwerk-Fehler und keiner der Anträge durchbringen können, gibt es keinen Punkt in senden mehr Anfragen alle paar Sekunden.

    InformationsquelleAutor Steve Harrison

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

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

    InformationsquelleAutor Decent Dabbler

  3. 1
    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

  4. 0

    Ich nehme an, es ist ein servlet mit dem URL-Muster /UpdateCount konfiguriert ist web.xml zur dynamischen Daten/Inhalt und dort ist ein div-element countStatDiv in der jsp-Seite.

    Des folgenden code-aktualisiert/aktualisiert den Inhalt der countStatDiv an, der alle 30 Sekunden per GET-Methode und variable Sekunden Wert kann geändert werden, je nach Bedarf:

                    <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

Schreibe einen Kommentar