Grundlegende Kenntnisse von Ajax mit detaillierter Erklärung

Ajax's main function is to implement asynchronous access to the server from the browser: by sending a small amount of data through the browser's XMLHttpRequest object, interacting with the server, the server returns a small amount of data, and then updates a part of the client's page.

1.first instantiate the XMLHttpRequest object

var request;
if (window.XMLHttpRequest){
 request=new XMLHttpRequest();
}
else{
 request=new ActiveXObject("Microsoft.XMLHTTP");
 //compatible with ie5 6
}

2.XMLHttpRequest method sends the request to the server

request.open("POST",get.php,true);//request
//Sets the http header information, telling the server that we want to send a form in send key-value pairs
request.setRequestHeader("Content-Type","application/x-www--urlencoded
//POST must set Content-The value of Type is between open and send
request.send("name=王二狗&sex=男");//submitted to the server using the send method

3.method to get the response

responseText obtains the response data in string format
responseXML obtains the response data in XML format
status and statusText return the HTTP status code in numeric and text form
getAllResponseHeader() retrieves all the response headers
getResponseHeader() queries the value of a certain field in the response

4Die Überwachung der Änderung des readyState-Attributs ist wichtig

　　　 0 Die Anfrage wurde noch nicht initialisiert, open wurde noch nicht aufgerufen

　　　 Für1 Die Verbindung zum Server wurde hergestellt, open wurde aufgerufen

　　　 Für2 Die Anfrage wurde empfangen, die Header-Informationen wurden empfangen

　　　 Für3 Die Anfrage wird bearbeitet, der Körper der Antwort wurde empfangen

　　　 Für4 Die Anfrage ist abgeschlossen und die Antwort ist bereit, die Antwort ist abgeschlossen

//Wird ausgelöst, wenn sich der readyState ändert
//Durch das onreadystatechange-Ereignis wird die Änderung des readyState-Attributs beobachtet
request.onreadystatechange=function(){
 if(request.readyState===4&&request.status===200){
 //Einige Dinge tun, zum Beispiel das Abrufen des Antwortinhalts request.responseText
 }
}

5Vollständiges XHR

var request=new XMLHttpRequest();//1XHR-Objekt erstellen
request.open("GET","get.php?number=" +Daten, die im Formular eingereicht werden müssen, true);//2Methode aufrufen
//Hier ist es eine POST-Anfrage. send() ist ein Objekt, das Daten enthält
request.send();//Senden Sie einige Daten
request.onreadystatechange=function(){ //3Überwachen Sie die Reaktion, um zu bestimmen, ob der Server korrekt antwortet
 if(request.readyState===4&&request.status===200){
 //4Einige Dinge tun, zum Beispiel das Abrufen des Antwortinhalts des Serverantwortes request.responseText
 }
}

Das ist der gesamte Inhalt dieses Artikels. Hoffentlich bringt Ihnen der Inhalt dieses Artikels eine gewisse Hilfe für das Lernen oder die Arbeit. Wir hoffen auch, dass Sie unsere Anleitung mehr unterstützen!

Erklärung: Der Inhalt dieses Artikels wurde aus dem Internet übernommen und gehört dem Urheberrechtlichem Eigentümer. Der Inhalt wurde von Internetbenutzern freiwillig beigesteuert und hochgeladen. Diese Website besitzt keine Eigentumsrechte und hat den Inhalt nicht manuell bearbeitet. Sie übernimmt auch keine Haftung für die entsprechenden rechtlichen Verpflichtungen. Wenn Sie verdächtige Urheberrechtsinhalte finden, freuen wir uns über eine E-Mail an: notice#oldtoolbag.com (Bitte ersetzen Sie # durch @ beim Senden von E-Mails zur Meldung von Verstößen und stellen Sie relevante Beweise zur Verfügung. Sobald nachgewiesen, wird diese Website die beanstandeten Inhalte sofort löschen.)