Explication détaillée des connaissances de base d'Ajax

Ajax's main function is to implement asynchronous access to the server on the browser side: 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 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
//Set http headers, inform the server that we will send a form in send key-value pairs
request.setRequestHeader("Content-Type","application/x-www-form-urlencoded)
//POST must set Content-The value of Type is between open and send
request.send("name=王二狗&sex=男");//submit to the server using the send method

3.get response method

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

4Écouter les changements de l'attribut readyState est important

　　　 Pour 0 La requête n'est pas initialisée, open n'a pas été appelé

　　　 Pour1 La connexion au serveur a été établie, open a été appelé

　　　 Pour2 La requête a été reçue, les informations d'en-tête ont été reçues

　　　 Pour3 La requête est en cours de traitement, la réponse corporelle a été reçue

　　　 Pour4 La requête est terminée et la réponse est prête, la réponse est terminée

//Déclenché lorsque l'attribut readyState change
//Judger par l'événement onreadystatechange des changements de l'attribut readyState
request.onreadystatechange=function(){
 if(request.readyState===4&&request.status===200){
 //Faire des choses, par exemple, obtenir les données de la réponse request.responseText
 }
}

5XHR complet

var request=new XMLHttpRequest();//1Créer un objet XHR
request.open("GET","get.php#63;number=" +Les données à soumettre dans le formulaire, true);//2Appeler la méthode open
//Si c'est une requête POST, send est un objet contenant des données
request.send();//Envoyer des données
request.onreadystatechange=function(){ //3Écouter et juger si le serveur répond correctement
 if(request.readyState===4&&request.status===200){
 //4Faire des choses, par exemple, obtenir le contenu de la réponse du serveur request.responseText
 }
}

Voici la fin de l'article. J'espère que le contenu de cet article pourra vous aider dans vos études ou votre travail. J'espère également que vous serez nombreux à soutenir le tutoriel de cri!

Déclaration : Le contenu de cet article est tiré d'internet, propriété de son auteur respectif. Le contenu est contribué et téléversé par les utilisateurs d'Internet, ce site n'en possède pas la propriété, n'a pas été édité par l'homme, ni assume la responsabilité des responsabilités juridiques associées. Si vous trouvez du contenu présumé violer les droits d'auteur, n'hésitez pas à envoyer un e-mail à : notice#oldtoolbag.com (veuillez remplacer # par @ lors de l'envoi d'un e-mail pour signaler une violation, et fournir des preuves pertinentes. Une fois confirmée, ce site supprimera immédiatement le contenu présumé enfreindre les droits d'auteur.)