AJAX - L'objet XMLHTTPREQUEST | Expliqué
Cet article expliquera ce Ajax - l'objet XmlHttpRequest est et comment vous pouvez créer et utiliser un objet XMLHttpRequest dans JavaScript. De plus, nous fournirons également les méthodes et les propriétés de l'Ajax - l'objet XMLHttpRequest. Alors, commençons!
Qu'est-ce que l'objet XmlHttpRequest
L'Ajax - L'objet XMLHTTPREQUEST est une API utilisée pour récupérer les données d'un serveur spécifique. La programmation AJAX utilise largement le XMLHTTPREQUEST. Il peut récupérer tout type de données, y compris le texte, XML, JSON. En arrière-plan, l'objet XMLHTTPRequest demande des données, puis met à jour le site Web sans obliger le client à recharger la page. Pour maintenir la communication asynchrone entre le serveur et le client, un objet de type XMLHttpRequest est nécessaire.
Comment créer un objet XMLHTTPRequest
Un objet XMLHttpRequest intégré est aviale dans tous les navigateurs modernes tels que Edge, Chrome, Firefox, Opera et Safari. Pour créer un objet XMLHTTPRequest, vous devez suivre la syntaxe dirigée ci-dessous de l'objet XmlHttpRequest:
var variableName = new xmlHttpRequest ();Exemple: Utilisation d'Ajax - L'objet XMLHTTPREQUEST
Dans cet exemple, nous essaierons de récupérer le contenu du «Ajax_info.SMS" Fichier de notre serveur, puis nous remplacerons le contenu du paragraphe:
AJAX - L'objet XMLHTTPREQUEST | Expliqué
Ici, nous avons ajouté un paragraphe avec la balise et un «Changement paragraphe» bouton que nous invoquerons le "LoadingDoc ()" Fonction, lorsque nous cliquerons sur ce bouton:
Nous changerons ce paragraphe.
Exécutez le programme donné ci-dessus dans votre éditeur de code préféré ou tout autre bac à sable codant en ligne; Cependant, nous utiliserons le JSBIN à cet effet:
À partir de la sortie donnée, nous cliquerons sur le «Changement paragraphe» bouton:
Cliquer sur le bouton spécifié remplacera le contenu actuel du paragraphe par le texte ajouté dans le «Ajax_info.SMS" Fichier du serveur:
Jetons maintenant un œil à certaines des propriétés et méthodes utiles de l'objet XMLHTTPRequest.
Méthodes d'objet XMLHttpRequest
| Méthode d'objet xmlhttpRequest | Description |
|---|---|
| avorter() | L'objet XMLHttpRequest "avorter()" la méthode est utilisée pour annuler la demande active. |
| getResponseHeader () | L'objet XMLHttpRequest "GetResponseHeader ()" Sortie de la méthode Les informations liées à un en-tête spécifique. |
| getAllResponseHeader () | L'objet XMLHttpRequest "GetAllResponseHeader ()" La méthode affiche les informations complètes de l'en-tête. |
| ouvrir() | L'objet XMLHttpRequest "ouvrir()" la méthode est utilisée pour spécifier la demande. Nous pouvons passer le nom d'utilisateur, le mot de passe, l'URL d'un fichier ou la méthode qui peut être "OBTENIR" ou "POSTE" dans cette méthode. |
| envoyer() | L'objet XMLHttpRequest "envoyer()" La méthode est utilisée pour obtenir une demande. |
| sendRequestHeader () | L'objet XMLHttpRequest "SendRequestHeader ()" la méthode est utilisée pour ajouter un «Étiquette: valeur» paire que vous devez envoyer au serveur. |
Propriétés de l'objet XMLHttpRequest
| Propriétés d'objet XMLHTTPREQUEST | Description |
|---|---|
| ResponseText | L'objet XMLHttpRequest «ResponseText» la propriété est utilisée pour afficher les données de réponse en tant que chaîne. |
| prêt à l'emploi | L'objet XMLHttpRequest «Readystate» la propriété maintient le statut XMLHTTPREQUEST. |
| onreadystatechange | L'objet XMLHttpRequest "OnreadystStateChange" la propriété est utilisée pour définir une fonction à invoquer chaque fois que la valeur du «Readystate» changements. |
| réponsexml | L'objet XMLHttpRequest «ResponseXML» la propriété affiche les données de réponse XML. |
| statistique | L'objet XMLHttpRequest «StateStext» la propriété sortira le texte d'état tel que "D'ACCORD" ou "Pas trouvé". |
Conclusion
L'Ajax - L'objet XMLHTTPREQUEST est une API utilisée pour récupérer les données d'un serveur spécifique. La programmation AJAX utilise largement le XMLHTTPREQUEST. Il peut récupérer tout type de données, y compris le texte, XML, JSON. Cet article a expliqué ce qu'est AJAX - l'objet XMLHTTPRequest et comment vous pouvez créer et utiliser un objet XMLHTTPREQUEST dans JavaScript. De plus, nous avons également fourni les méthodes et les propriétés de l'Ajax - l'objet XMLHttpRequest.