Wie Ajax funktioniert

Wie Ajax funktioniert
Ajax Enthält eine Reihe nützlicher Webentwicklungstechniken, die verwendet werden, um dynamische und schnelle Webseiten zu entwickeln. Hinter den Kulissen teilt es kleine Teile der Daten, sodass die Webseiten asynchron aktualisiert werden können. Dies besagt, dass HTML -Seitenelemente mit AJAX ohne Nachladen aktualisiert werden.

In diesem Artikel werden die Komponenten von Ajax und wie Ajax funktioniert. Wir werden über die Arbeit von AJAX in einigen webbasierten Anwendungen sprechen. Darüber hinaus wird ein Vergleich zwischen dem konventionellen und Ajax -Modell bereitgestellt. So lass uns anfangen!

Komponenten von Ajax

Ajax ist eine Reihe von Webentwicklungstechniken. Es basiert auf den untergegebenen Komponenten:

  • Im Ajax -Modell das Xhtml/html wird als Kernsprachen und Cascade Style Sheets (CSS) als Präsentationssprache angesehen.
  • Der Dokumentobjektmodell wird verwendet, um dynamische Inhalte und Interaktionszwecke anzuzeigen.
  • Zum Austausch von Daten verlässt sich Ajax auf Xml, und XSLT wird zur Datenmanipulation verwendet.
  • Der Xmlhttprequest Objekt wird für die asynchrone Kommunikation im Modell verwendet.
  • zuletzt, JavaScript wird verwendet, um alle diese Technologien in Ajax zu verbinden.

Wie Ajax funktioniert

Wenn Benutzer eine Anforderung über die Benutzeroberfläche senden oder ein Ereignis auftritt, zXmlhttprequest" Objekt. Danach sendet das erstellte Objekt eine httprequest an den Webserver. Dann verarbeitet der Server die empfangene Httprequest Durch die Interaktion mit der Datenbank. Wenn die erforderlichen Daten aus der Datenbank abgerufen werden, wird eine Antwort generiert, und der Server sendet diese zurück JSON oder Xml Daten zum Browser. Im nächsten Schritt verarbeitet JavaScript die zurückgegebenen Daten und aktualisiert die Webseite entsprechend.

Das untergegebene Bild zeigt auch die Arbeit von Ajax:

Ajax Praktische Beispiele

Betrachten Sie die automatische Vervollständigungsmerkmale der Google Webseite. Es hilft Ihnen beim Abschluss der Schlüsselwörter beim Eingeben. Die Google-Webseiten bleiben gleich, wenn sich die Keywords in Echtzeit ändern. Als das Internet im frühen Vorgang nicht so viel Fortschritt war 90er Jahre, Die Google -Webseite wurde neu geladen, wenn sie eine neue Empfehlung des Browser -Bildschirms zeigte.

In 2004, Google hat begonnen, das AJAX -Modell hinter den Kulissen von Google Map und Google Mail einzubetten. Es ermöglicht den Datenaustausch und ermöglicht es der Präsentationsschicht, ohne sich zu stören.

AJAX wird jetzt in mehreren webbasierten Anwendungen häufig verwendet, um die Kommunikation mit dem Server zu vereinfachen. Wir haben auch eine Liste einiger anderer praktischer AJAX -Beispiele zusammengestellt:

  • Chat-Räume: Heutzutage gehören integrierte Chatrooms zu den meisten Funktionen einer Website. Websites bieten Chatrooms auf ihrer Homepage an, die mit ihrem Kundendienstmitarbeiter kommunizieren können. Sie können die Webseite untersuchen, während Sie Nachrichten aus Chatrooms senden und empfangen. Ajax laden die gesamte Seite während dieser gleichzeitigen Aktivitäten nicht neu.
  • Bewertungs- und Abstimmungssysteme: Haben Sie jemals an einem Online -Stimmenformular teilgenommen oder haben Sie nach dem Online -Kauf eine Produktbewertung erhalten?? Ajax wird in beiden genannten Systemen verwendet. Nach Angabe der Bewertung oder Abstimmung aktualisiert die Website den Berechnungsabschnitt, während der Rest unverändert bleibt.
  • Trendbenachrichtigung von Twitter: Twitters trendige Benachrichtigung ist eine großartige Funktion, um mit dem Schritt zu halten, was in der Welt vor sich geht. Ajax wurde kürzlich auf Twitter für die Updates eingesetzt und aktualisiert die Bewerbung, wenn neue Tweets zu trendigen Themen gesendet werden, ohne sich auf die Hauptwebsite zu beeinflussen.

Kurz gesagt, AJAX -Modelle ermöglichen Multitasking. Angenommen, Sie bemerken einen Antrag, der zwei Aktivitäten gleichzeitig ausführt, ohne eine in Leerlauf und einen in einem aktiven Zustand zu setzen. In diesen Szenarien arbeitet Ajax im Hintergrund.

Vergleich von AJAX und konventionellem Modell

Ajax -Modell Konventionelles Modell
Wenn ein Ereignis auftritt, definiert der Browser einen JavaScript -Aufruf, der XMLHTTPrequest aktiviert. Der Browser übergibt eine HTTP -Anforderung an den Server im herkömmlichen Modell.
Das erstellte Objekt sendet dann eine HTTP -Anforderung an den Server im Hintergrund. Die Daten werden empfangen und dann vom Server abgerufen.
Die Anfrage wird empfangen, die erforderlichen Daten werden abgerufen und an den Webbrowser zurückgesandt. Der Webbrowser akzeptiert die Serverantwort.
Die abgerufenen Daten werden an den Browser zurückgesandt und direkt auf der Seite angezeigt. Im AJAX -Modell wird in der Zwischenzeit keine Seitenverladungsoperation durchgeführt. Der Browser lädt die Seite neu, um sie zu aktualisieren. Während dieses Vorgangs müssen Benutzer warten, bis die Seite neu geladen wird. Diese Aktion ist zeitaufwändig und legt zusätzliche Ladungen auf den Server.

Abschluss

AJAX ermöglicht es, dass Webseiten asynchron aktualisiert werden, während die Daten im Hintergrund ausgetauscht werden. Dies besagt, dass Webseitenelemente ohne das Nachladen von Seiten aktualisiert werden können. In diesem Artikel wurde die Komponenten von Ajax und wie Ajax funktioniert. Wir haben über die Arbeit von Ajax in einigen webbasierten Anwendungen gesprochen. Darüber hinaus wird auch ein Vergleich zwischen konventionellen und AJAX -Modellen bereitgestellt.