#asynchron

[batscheisse]

News

zurück 

News

Refresh 

Polizeibericht: Steigende Kriminalität durch Zuwanderung

08.03. 15:48

Die Polizei geht davon aus, dass durch die starke Zuwanderung in Zukunft mit mehr Kriminalität zu rechnen sein wird, dies geht aus einem vertraulichen Polizeibericht hervor, der “Spiegel Online” vorliegt. Die steigende Kriminalität wird demnach auch zu einer höheren Belastung für die Polizei selbst.…

View On WordPress

[berlingrau-adulteplus]

Es geht nicht um Kompatibilität.

NY

[nonexdev-blog]

JavaScript: Ajax richtig Verwenden

Asynchronous JavaScript and XML beschreibt ein Konzept bei dem Daten asynchron zwischen Browser und Server übertragen werden. Doch was bringt mir das?

Nun als erstes kann man den Performancezuwachs der Website nennen. Es ist möglich Bereiche der Website bei dem die Datengewinnung Serverseitig länger dauert in einem Ajax Request auszulagern. Dies wird auch unser erstes Beispiel sein, wie man Ajax auf seiner Website verwenden kann.

Die zweite Anwendungsmöglichkeit, und auch eine sehr Wichtige, ist es Daten an den Server zu senden, ohne das der User es durch ein komplettes neuladen der Website sieht. Mehr dazu im zweiten Beispiel.

Erstes Beispiel:

Stellen wir uns folgendes Szenario vor: Unser Videoportal bietet die Möglichkeit Videos zu kommentieren. Wir bemerken, dass das auffinden der Kommentare für das Video die meiste Zeit beim Server erfordert, und der Benutzer somit eine höhere Seitenladezeit.

Nun möchten wir diese Kommentare mittels eines Ajax Request auslagern.

Betrachten wir die Ordnerstruktur:

Ordner

Kommen wir nun zu unserer Videoseite video.php:

video.php

Besprechen wir nun den Teil, der die Kommentare nachlädt. Er befindet sich in dem <script> Teil. Wir erzeugen zunächst einen AjaxRequest, weisen ihm danach zu auf welche URL er gehen soll und sagen ihm ob er ein POST oder GET Request ist.

Wir definieren eine funktion welche aufgerufen wird, wenn sich der Status des Requests ändert. Sollte sich der Status zu "4" (fertig) ändern und der Request 200 zurückgegeben haben. Ändern wir den Inhalt des <div> Containers mit der Id "comments" in den Inhalt des AjaxRequests um.

Nun fehlt noch die api/kommentare.php:

video.php

Das Sleep befindet sich nur zu Demonstrationszwecken dort.

Ruft man jetzt die Videoseite auf, dauert es ca. 3 Sekunden bis die Kommentare erscheinen. Anstatt des "Loading..." kann mann natürlich auch ein animiertes Ladebildchen hinsetzen.

Beispiel 2:

Stellen wir uns vor, wir hätten ein Social Network mit Usern die beiträge schreiben und andere die es liken. Ohne Ajax Request würden wir bei jedem like eine Website besuchen und dann wieder zurückgeleitet werden. Mit einem Ajax Request wird dies nur im Hintergrund gemacht. Der Benutzer bekommt das nicht mit.

Das Beispiel besteht nur aus einer Datei:

facebook.php

Wir stellen nun eine Funktion in JavaScript Bereit, die einen Ajax Request an api/like.php übermittelt wenn sie aufgerufen wird, und dann den Inhalt eines Containers in "geliked" ändern. In diesem Container befindet sich im Vorfeld ein "Link" der die JavaScript Funktion aufruft, sobald er geklickt wird.