jQuery: AJAX-Lösungen

Was steckt hinter AJAX?

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Was bedeutet eigentlich AJAX? Und was ist das Besondere daran? Mit diesen Fragen beschäftigt sich dieser Film und Sie sehen auch Beispiele für AJAX.

Transkript

Ajax ist aus dem heutigen Web nicht mehr wegzudenken. Man kann schon sagen, dass Ajax der Normalfall ist. Aber was bedeutet der Begriff eigentlich, und welche Techniken stecken dahinter? Ajax steht ursprünglich für "Asynchronous JavaScript and XML". Also für asynchrones JavaScript und XML. Der wichtigste Bestandteil ist der erste Teil, nämlich "Asynchronous JavaScript". Dieses "and XML" gilt heute nicht mehr unbedingt, weil es verschiedene Austauschformate gibt, und man verwendet nicht unbedingt mehr XML, so dass der Begriff "Ajax" inzwischen auch für sich selber steht. Und statt Ajax, so wie man es deutsch ausspricht, können Sie natürlich auch Ajax sagen, so wie es im englischsprachigen Raum üblich ist. Sehen wir uns einmal an, was es mit diesem asynchronen JavaScript eigentlich auf sich hat. Ich habe ein kleines Beispiel erstellt. Einen Geburtstagsgruß-Generator. Da kann man hier eine Sprache wählen und geht auf "Abschicken". Und dann erhält man eine Grußkarte, und der Geburtstagsgruß ist in der angegebenen Sprache drauf vorhanden. Und einen entscheidenden Punkt sieht man hier. Wenn ich das ausgewählt habe und auf "Abschicken" gehe, dann verschwindet das Ursprüngliche und eine neue Seite wird aufgebaut. Das ist ein Beispiel für die klassische Kommunikation. Sehen wir uns an, wie das Ganze funktioniert, wenn wir jetzt Ajax einsetzen. Da können Sie hier wählen und direkt darunter ändert sich das. Das heißt, es ist nicht so, dass etwas verschwindet und eine neue Seite aufgebaut wird, sondern es ist so, dass die aktuelle Seite modifiziert wird durch Informationen vom Server. Und für den Benutzer bedeutet das, dass er mit der Seite interagieren kann, ohne dass diese verwindet. Den Unterschied zwischen beiden Arten kann man sich auch in diesem Diagramm ansehen. Hier sehen Sie zuerst einmal das klassische Model einer Web-Anwendung. Das heißt, es gibt eine Aktivität durch den Benutzer. Es werden Daten übertragen, es gibt eine Server-seitige Verarbeitung, es werden Daten zurück übertragen und dann wird die Benutzeroberfläche neu aufgebaut, und der Benutzer kann wieder etwas machen. Das ist die klassische Art. Eleganter ist das Ganze, wenn man Ajax einsetzt, weil die Oberfläche dann die ganze Zeit bleibt, und im Hintergrund findet dann immer die Datenübertagung vom Server und zum Server statt. Typische Beispiele für Ajax findet man an vielen Stellen. Beispielsweise wenn Sie bei Google etwas suchen und Sie beginnen zu tippen, dann erhalten Sie direkt schon Vorschläge die darauf basieren, was Sie hier eingegeben haben. Ein typisches Beispiel für Ajax. Ein weiteres typisches Beispiel ist Google Maps, wo Sie einfach sehr schön mit dieser Karte interagieren können. Und größer stellen, irgendwas suchen können etc., ohne dass diese Karte an sich verschwindet. Und eine solche Anwendung wäre ohne Ajax nicht möglich. Wir haben uns in diesem Film mit Ajax beschäftigt. Ganz entscheidend an Ajax ist die asynchrone Kommunikation. Das heißt, dass im Hintergrund Daten zum Server gesendet werden und vom Server, und dann wieder in die Seite eingearbeitet werden. Und das bedeutet für den Benutzer, dass er eine sehr angenehme Oberfläche hat mit der er direkt interagieren kann. In der klassischen Art der Kommunikation wäre es hingegen immer so, dass wenn der Benutzer eine Eingabe macht, dass dann die Seite verschwindet und neu aufgebaut werden muss.

jQuery: AJAX-Lösungen

Lernen Sie die Vorteile von Ajax bei der Webseitenerstellung kennen und nutzen Sie die verschiedenen Austauschformate in Ihren Projekten.

1 Std. 34 min (20 Videos)
Derzeit sind keine Feedbacks vorhanden...

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!