Maison >interface Web >js tutoriel >Qu'est-ce que XMLHttpRequest en Ajax ? Une brève introduction à XMLHttpRequest
Le contenu de cet article est qu'est-ce que XMLHttpRequest en Ajax ? Une brève introduction à XMLHttpRequest pour faire connaître à chacun certaines méthodes et attributs XMLHttpRequest qui doivent être familiers et maîtrisés. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.
L'objet XMLHttpRequest peut être utilisé pour échanger des données avec le serveur en arrière-plan. Ajax obtient des données d'arrière-plan en utilisant l'objet XMLHttpRequest dans le navigateur. Par conséquent, XMLHttpRequest est très important pour Ajax. L'objet XMLHttpRequest est AJAX La clé de la technologie. [Recommandations vidéo associées : Tutoriel vidéo Ajax]
Apprenons les connaissances pertinentes de XMLHttpRequest !
1. Qu'est-ce que XMLHttpRequest ?
XMLHttpRequest (XHR) est une API qui peut être utilisée par JavaScript, JScript, VBScript et d'autres langages de script de navigateur Web pour transférer des données XML vers et depuis le serveur Web à l'aide de HTTP. Le serveur manipule les données XML pour établir un canal de connexion indépendant entre les côtés client et serveur de la page Web.
Les données renvoyées par l'appel XMLHttpRequest sont généralement fournies par la base de données backend. En plus du XML, XMLHttpRequest peut être utilisé pour obtenir des données dans d'autres formats, tels que JSON ou même du texte brut.
Jetons ensuite un coup d'œil à quelques méthodes et propriétés XMLHttpRequest que vous devez connaître.
2. Méthode XMLHttpRequest
1. abort() : Annuler la requête en cours.
2. getAllResponseHeaders() : Renvoie l'ensemble complet des en-têtes HTTP sous forme de chaîne.
3. getResponseHeader( headerName ): Renvoie la valeur de l'en-tête HTTP spécifié.
4. open( méthode, URL)
open( méthode, URL, async)
open( méthode, URL, async, userName)
open( méthode, URL, async, userName, password )
Spécifiez la méthode de requête, l'URL et d'autres attributs facultatifs.
Les paramètres de la méthode peuvent avoir la valeur "GET", "POST" ou "HEAD". D'autres méthodes HTTP telles que "PUT" et "DELETE" (principalement utilisées dans les applications REST) sont également possibles.
Le paramètre "async" précise si la requête doit être traitée de manière asynchrone. "true" signifie que le traitement du script continue après la méthode send() sans attendre de réponse, "false" signifie que le script attend une réponse avant de continuer le traitement du script.
5. envoyer(contenu) : envoyer une demande.
6. setRequestHeader(label, value) : Ajoutez la paire étiquette/valeur à l'en-tête HTTP à envoyer.
3. Attributs XMLHttpRequest
1. onreadystatechange :
Un gestionnaire d'événements Procédure de déclenchement d'événements à chaque changement d'état.
2. readyState :
L'attribut readyState définit l'état actuel de l'objet XMLHttpRequest.
Le tableau suivant fournit une liste de valeurs possibles pour l'attribut readyState
readyState = 0 : indique qu'après la création de l'objet XMLHttpRequest, mais avant que la méthode open() ne soit appelée.
readyState = 1 : Indique après avoir appelé la méthode open(), mais avant d'appeler send().
readyState = 2 : indique après l'appel de send().
readyState = 3 : indique qu'après que le navigateur a établi la communication avec le serveur, mais avant que le serveur ne termine la réponse.
readyState = 4 : indique qu'une fois la requête terminée, les données de réponse ont été entièrement reçues du serveur.
3. ResponseText
Renvoie la réponse sous forme de chaîne.
4. ResponseXML
Renvoie la réponse au format XML ; cette propriété renvoie un objet de document XML, qui peut être inspecté et analysé à l'aide des méthodes et propriétés de l'arborescence des nœuds DOM du W3C. .
5. statut
Renvoyer le statut sous forme de nombre (par exemple, 404 signifie « introuvable », 200 signifie « OK »).
6. statusText
Renvoyer le statut sous forme de chaîne (par exemple, "introuvable" ou "OK").
Résumé : Ce qui précède représente l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!