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:
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:
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.