Einführung in Ajax und Tutorial zum Schreiben von nativem Ajax in JS

ajax

1. Was ist Ajax?
Der vollständige Name von Ajax ist Asynchronous JavaScript and XML. Asynchronous bedeutet asynchron und bezieht sich auf asynchrones JavaScript und XML.
　AJAX ist eine Technologie zur Erstellung schneller, dynamischer Webseiten. AJAX ermöglicht die asynchrone Aktualisierung von Webseiten, indem im Hintergrund kleine Datenmengen mit dem Server ausgetauscht werden. Das bedeutet, dass Teile der Seite aktualisiert werden können, ohne dass die gesamte Seite neu geladen werden muss.
Wenn bei herkömmlichen Webseiten (die kein AJAX verwenden) der Inhalt aktualisiert werden muss, muss die gesamte Webseite neu geladen werden.
2. Die in Ajax enthaltenen Technologien
Jeder weiß, dass Ajax keine neue Technologie ist, sondern eine Kombination mehrerer Originaltechnologien. Es besteht aus den folgenden Technologien.
1. Verwenden Sie CSS und XHTML zum Ausdrucken.
2. Verwenden Sie das DOM-Modell für Interaktion und dynamische Anzeige.
　3. Verwenden Sie XMLHttpRequest, um asynchron mit dem Server zu kommunizieren.
4. Verwenden Sie Javascript zum Binden und Aufrufen.
4.ajax-Prinzip
Das Prinzip von Ajax besteht einfach darin, eine asynchrone Anforderung über das XmlHttpRequest-Objekt an den Server zu senden, die Daten vom Server abzurufen und dann Javascript zu verwenden, um das DOM zu betreiben und die Seite zu aktualisieren.
5. Implementierung der Ajax-Anfrage
1. Erstellen Sie ein XmlHttpRequest-Objekt
if (window.XMLHttpRequest) {
// IE7+, Firefox, Chrome, Opera, Safari Browser-Ausführungscode
xmlhttp= new XMLHttpRequest();
　　} else {
　　　　 // IE6, IE5 Browser-Ausführungscode
　 xmlhttp=new ActiveXObject("Microsoft. 🎜> xmlhttp.open("GET","http://127.0.0.1 :8080",true);
3. Anfrage senden

xmlhttp.send();
4. Warten Der Server gibt den Inhalt zurück und verarbeitet
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4 && =xmlhttp.responseText;
　　　}
　　}

Das obige ist der detaillierte Inhalt vonEinführung in Ajax und Tutorial zum Schreiben von nativem Ajax in JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!