Ajax implementiert eine teilweise Seitenaktualisierung – Nachrichtenaktualisierung

little bottle
Freigeben: 2023-04-06 08:18:01
nach vorne
3253 Leute haben es durchsucht

Kürzlich waren einige Freunde neugierig, wie das Message Board anzeigt, dass Nachrichten ständig aktualisiert werden. Wie funktioniert das? Im Allgemeinen bedeutet das Senden von Nachrichten, dass Daten über normales Ajax an den Server gesendet werden, während für die Anzeige von Nachrichten in Echtzeit eine Abfrage erforderlich ist. In diesem Artikel geht es hauptsächlich um die Verwendung von Ajax zum Aktualisieren des Nachrichtenstatus. Interessierte Freunde können mehr darüber erfahren.

Was ist Polling? Es verwendet einen Timer, um in regelmäßigen Abständen Anfragen vom Client an den Server zu initiieren.

Fallcode-Demo:

<script>//每间隔2秒向服务器发起请求setInterval(function(){    var xhr = new XMLHttpRequest();
    xhr.open(&#39;get&#39;,&#39;get_msg.php&#39;);
    xhr.onreadystatechange = function(){        if(xhr.readyState == 4 && xhr.status == 200){            var res = eval("("+xhr.responseText+")");
            .......
        }
    }
},2000);</script
Nach dem Login kopieren

Hinweis: Um zu verhindern, dass das Message Board durch doppelte Daten überschrieben wird, muss maxid markiert werden und neue Daten werden angezeigt jedes Mal abgerufen werden

Gesamteffekt:

Verwandte Tutorials: Ajax-Video-Tutorial

Das obige ist der detaillierte Inhalt vonAjax implementiert eine teilweise Seitenaktualisierung – Nachrichtenaktualisierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:cnblogs.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage