AJAX ist zweifellos eine der angesagtesten Webentwicklungstechnologien im Jahr 2005. Dieser Verdienst kann natürlich nicht von Google getrennt werden. Ich bin nur ein gewöhnlicher Entwickler und verwende AJAX nicht oft. Ich werde einfach meine Erfahrungen mit der Verwendung teilen. (In diesem Artikel wird davon ausgegangen, dass der Benutzer bereits über grundlegende Webentwicklungsfunktionen wie JavaScript, HTML und CSS verfügt.)
[Einführung in AJAX]
Ajax ist eine Methode zur Entwicklung von Webanwendungen, die clientseitige Skripts verwendet, um Daten mit dem Webserver auszutauschen. Webseiten können dynamisch aktualisiert werden, ohne den Interaktionsprozess zu unterbrechen und sie erneut zu bearbeiten. Mit Ajax können Benutzer direkte, hochverfügbare, umfangreichere und dynamischere Web-Benutzeroberflächen erstellen, die nativen Desktop-Anwendungen ähneln.
Asynchrones JavaScript und XML (AJAX) ist keine neue Technologie, sondern nutzt mehrere bestehende Technologien – darunter Cascading Style Sheets (CSS), JavaScript, Desktop-Software.
[AJAX-Ausführungsprinzip]
Eine Ajax-Interaktion beginnt mit einem JavaScript-Objekt namens XMLHttpRequest. Wie der Name schon sagt, ermöglicht es einem clientseitigen Skript, HTTP-Anfragen auszuführen und eine XML-formatierte Serverantwort zu analysieren. Der erste Schritt bei der Ajax-Verarbeitung besteht darin, eine XMLHttpRequest-Instanz zu erstellen. Verwenden Sie die HTTP-Methode (GET oder POST), um die Anfrage zu verarbeiten und die Ziel-URL auf das XMLHttpRequest-Objekt festzulegen.
Wenn Sie eine HTTP-Anfrage senden, möchten Sie nicht, dass der Browser hängen bleibt und auf eine Antwort vom Server wartet. Stattdessen möchten Sie weiterhin auf die Interaktionen der Benutzeroberfläche über die Seite reagieren und die Serverantworten verarbeiten, sobald diese tatsächlich eintreffen. Um dies zu erreichen, können Sie eine Rückruffunktion bei XMLHttpRequest registrieren und die XMLHttpRequest-Anfrage asynchron versenden. Die Kontrolle wird sofort an den Browser zurückgegeben, und wenn die Serverantwort eintrifft, wird die Rückruffunktion aufgerufen.
[Praktische Anwendung von AJAX]
1. Ajax initialisieren
Ajax ruft tatsächlich das XMLHttpRequest-Objekt auf, daher müssen wir zuerst dieses Objekt aufrufen. Wir erstellen eine Funktion zum Initialisieren von Ajax:
/**.
* Initialisieren Sie ein xmlhttp-Objekt
*/
functionInitAjax()
{
var ajax=false;
versuchen {
ajax = new ActiveXObject("Msxml2.XMLHTTP");
} fangen (e) {
versuchen {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
} fangen (E) {
ajax = false;
}
}
if (!ajax