Wie rufe ich Ajax-Daten in 10-Sekunden-Intervallen mit jQuery ab?

jQuery: Ajax-Daten in 10-Sekunden-Intervallen abrufen

Beim Entwerfen einer Feedback-Anzeige, die den Datenabruf in Echtzeit umfasst, ist es wichtig, Folgendes zu tun Implementieren Sie eine Methode, die den angezeigten Inhalt regelmäßig aktualisiert. Dies kann mithilfe der leistungsstarken Ajax-Funktionen von jQuery erreicht werden.

Um ein Feedback-Div einzurichten, das alle 10 Sekunden neue Einträge anzeigt, können Sie den folgenden Ansatz verwenden:

1. Definieren eine Funktion zum Abrufen von Feedback: Erstellen Sie eine Funktion mit dem Namen get_fb, die einen Ajax-Aufruf ausführt, um Feedback-Daten von einem serverseitigen Skript wie „feedback.php“ abzurufen.
2. Konfigurieren Sie Ajax-Aufrufparameter: Geben Sie in der Funktion get_fb den Typ der Anfrage (POST) und die URL an, an die die Anfrage gesendet werden soll (feedback.php), und setzen Sie async auf „false“, um sicherzustellen, dass der Aufruf synchron ist.
3. Abgerufene Daten verarbeiten:Nach erfolgreichem Abruf der Feedback-Daten aktualisieren Sie den HTML-Inhalt Ihres Feedback-Containers (div.feedback-box) mit den empfangenen Daten.
4. Automatischen Abruf planen: Um in regelmäßigen Abständen neue Feedback-Einträge anzuzeigen, richten Sie mit setInterval oder setTimeout einen Timer ein. Konfigurieren Sie den Timer so, dass die get_fb-Funktion alle 10 Sekunden aufgerufen wird.

Hier ist ein verbessertes Beispiel basierend auf Ihrem bereitgestellten Code:

<code class="javascript">function get_fb(){
    var feedback = $.ajax({
        type: "POST",
        url: "feedback.php",
        async: false
    }).responseText;

    $('div.feedback-box').html(feedback).delay(10000).queue(function() {
        setTimeout(function(){get_fb();}, 10000);
    });
}</code>

Hinweis: Dieser Ansatz plant den nächsten Abruf, nachdem der vorherige abgeschlossen wurde. Sie können das Timing nach Bedarf anpassen, um die Anzeigeleistung zu optimieren.

Das obige ist der detaillierte Inhalt vonWie rufe ich Ajax-Daten in 10-Sekunden-Intervallen mit jQuery ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!