Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie kann ich den Fortschritt in XMLHttpRequest verfolgen?

Barbara Streisand
Freigeben: 2024-10-29 08:46:30
Original
470 Leute haben es durchsucht

How Can I Track Progress in XMLHttpRequest?

Verfolgen des Fortschritts in XMLHttpRequest

Das Verfolgen des Fortschritts eines XMLHttpRequest kann von unschätzbarem Wert sein, um Benutzern visuelle Hinweise wie Fortschrittsbalken bereitzustellen. Während die Standard-API die Fortschrittsüberwachung nicht explizit unterstützt, gibt es nicht standardmäßige Erweiterungen, die diese Funktionalität bereitstellen können.

Hochgeladene Bytes

Die Überwachung hochgeladener Bytes ist mit der unkompliziert xhr.upload.onprogress-Ereignis. Der Browser verwaltet Informationen über die Größe der hochgeladenen Daten im Verhältnis zur Gesamtdateigröße. Diese Informationen können zur Berechnung des Upload-Fortschritts verwendet werden.

Heruntergeladene Bytes

Das Verfolgen heruntergeladener Bytes ist schwieriger, da der Browser die Gesamtgröße der eingehenden Bytes nicht kennt Daten. Durch Hinzufügen eines Content-Length-Headers zum Serverskript können diese Informationen jedoch bereitgestellt werden. Der Header sollte die Größe des Antworttextes angeben.

Mit der verfügbaren Gesamtgröße kann der Browser die empfangenen Bytes während des Downloads melden. Auf diese Fortschrittsinformationen kann über den onprogress-Ereignishandler zugegriffen werden.

Das obige ist der detaillierte Inhalt vonWie kann ich den Fortschritt in XMLHttpRequest verfolgen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
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