AJAX-Intervall Aktualisieren?

Ich versuche, mich ein AJAX-update-Funktion etwa 30 Sekunden. Ich habe eine einfache version, getan, hier ist der code.

var refInterval = window.setInterval('update()', 30000); //30 seconds

var update = function() {
    $.ajax({
        type : 'POST',
        url : 'post.php',
        success : function(data){
            $('.voters').html(data);
        },
    });
};

Dies funktioniert, jedoch beim Aufruf der Funktion wird ZUERST aufgerufen, ich will es nicht, warten Sie 30 Sekunden, ich will einfach nur die Funktion aufrufen, dann warten Sie 30 Sekunden, wieder anrufen, warten Sie 30 Sekunden, wieder anrufen, etc. Keine Hilfe?

InformationsquelleAutor bin0 | 2014-06-30

  1. 10

    Erwägen Sie die Verwendung setTimeout statt - es ist mehr zuverlässig. setInterval Timer können Stapel, wenn das Fenster nicht den Fokus haben-und dann laufen alle auf einmal, wenn es den Fokus erhält wieder zurück. Mit setTimeout sorgt auch dafür, dass Sie nicht bekommen, mehrere AJAX-requests in eine Warteschlange gestellt, wenn die ersten Blöcke aus irgendeinem Grund.

    Starten Sie die Schleife sofort, verwenden Sie eine IIFE ("sofort aufgerufen, die Funktion "Ausdruck") wickelte sich um die Funktion:

    (function update() {
    $.ajax({
        ...                        //pass existing options
    }).then(function() {           //on completion, restart
       setTimeout(update, 30000);  //function refers to itself
    });
})();                              //automatically invoke for first run

    p.s. nicht die Verwendung von string-Argumenten zu setInterval oder setTimeout - geben Sie einfach die Funktionsreferenz direkt.

    +1 Die einzige person zu erklären, die übergabe der Funktion als ein Objekt, sondern einen string, und für die Verwendung setTimeout nachdem die Funktion beendet ist, so wird die Funktion nie versucht zu laufen, während es bereits läuft (unwahrscheinlich, ich weiß, aber ich, immer schützen in der gleichen Weise).
    Danke Kumpel. dein code hilft mir, mich zu erreichen, mein Ergebnis. Ich erreicht in etwas verschiedener Weise. Funktion refresh(refreshSeconds) { timer = setInterval(function () { $.ajax({ url: '@Url.Aktion("ActionName", "ControllerName")', type: 'POST', success: function (result) { }, }); }, (refreshSeconds * 1000)); }
    das verwenden von setInterval ist eine schlechte Idee, für die oben aufgeführten Gründe
    Ersetzt habe ich es jetzt mit setInterval. Funktioniert perfekt.. Klasse!

    InformationsquelleAutor Alnitak

  2. 2

    Rufen Sie einfach aktualisieren, nachdem Sie es definieren:

    var refInterval = window.setInterval('update()', 30000); //30 seconds

var update = function() {
    $.ajax({
        type : 'POST',
        url : 'post.php',
        success : function(data){
            $('.voters').html(data);
        },
    });
};
update();

    InformationsquelleAutor DavidT

  3. 1

    Update aufrufen einmal (auf Dokument bereit) bevor Sie es mit dem Intervall:

    update();

var refInterval = window.setInterval('update()', 30000);

    InformationsquelleAutor Palmer

  4. 0

    Aufrufen der Funktion vor der Einstellung des Timers.

    Etwa so:

     var update = function() {
     $.ajax({
        type : 'POST',
        url : 'post.php',
        success : function(data){
            $('.voters').html(data);
        },
    });
};
update();
var refInterval = window.setInterval('update()', 30000); //30 seconds

    InformationsquelleAutor wbennett

  5. 0

    gerade auf dem setTimeout in Ihre successhandler und es funktioniert wie Charme

    var update = function() {
    $.ajax({
        type : 'POST',
        url : 'post.php',
        success : function(data){
            $('.voters').html(data);
            var refInterval = window.setTimeout('update()', 30000); //30 seconds
        },
    });
};

update()

    InformationsquelleAutor john Smith

Schreibe einen Kommentar