Ajax - Réponse du serveur

Ajax Engine a de nombreuses dimensions, chacune ayant sa propre signification. Une fois le moteur Ajax terminé, l'envoi de la demande et la réception de la réponse, puis il peut être géré en utilisant ses propriétés fournies. Vous pouvez utiliser le "ResponseText" ou "réponsexml”Propriétés ajax pour obtenir la réponse d'un serveur dans la chaîne et le formulaire XML.

Cet article expliquera la procédure pour gérer la réponse du serveur Ajax à l'aide de propriétés ResponseText et ResponseXML. Alors, commençons!

Ajax - Propriété du serveur ResponseText

Tout en traitant une demande asynchrone, la valeur du «ResponseText«La propriété comprend la réponse actuelle reçue du serveur, même si elle n'a pas répondu complètement. Cette propriété renvoie la réponse du serveur en tant que chaîne.

Jetez un œil à la syntaxe de la propriété ResponseText:

document.getElementByid ("element_id").innerhtml = xhttp.ResponseText;

Ici le "ResponseText”La propriété renverra la réponse du serveur dans le formulaire de chaîne, que nous serons ensuite définis comme le contenu de l'élément spécifié.

Exemple: Utilisation de la propriété AJAX - ResponseText Server
Dans cet exemple, lorsque l'utilisateur cliquera sur l'ajout "bouton», Il définira la réponse du serveur comme contenu du conteneur défini par la balise:

L'objet XMLHttpRequest

Changer de contenu

Dans la définition de la fonction LoadDoc (), premièrement, nous ajouterons un «xhttp”Objet XmlHttpRequest:

fonction chargedoc ()
const xhttp = new xmlHttpRequest ();

Quand le xhttp L'objet sera chargé, il rédigera les données de réponse dans le conteneur:

xhttp.onload = function ()
document.getElementByid ("div1").innerhtml =
ce.ResponseText;

Le "xhttp”L'objet XMLHTTPREQUEST obtiendra le« échantillon.Fichier txt du serveur qui comprend les données de réponse:

xhttp.échantillon ouvert ("get", ".SMS");
xhttp.envoyer();

Après avoir enregistré le code fourni, nous exécuterons notre «mon fichier.html"Avec l'aide du"Serveur en direct»VS Extension de code:

Cliquez sur le "Changer de contenu"Le bouton affichera la réponse du serveur comme suit:

AJAX - Propriété de réponse au serveur

Dans le cas, lorsque la réponse du serveur est au format XML et que vous devez l'analyser en tant qu'objet XML, vous pouvez utiliser le «réponsexml" propriété.

Découvrez la syntaxe du «réponsexml" propriété:

var data = xmlhttprequest.ResponseXML;

Ici le "données"L'objet stockera la réponse du serveur.

Exemple: Utilisation de AJAX - Propriété de réponse au serveur
Dans notre fichier HTML, nous ajouterons une rubrique avec le

Tag et un élément de paragraphe avec l'aide de «

L'objet XMLHttpRequest

Ensuite, nous ajouterons le code ci-dessous dans le «ProjectFile.js«Pour avoir demandé le«CD.xml" déposer.

const xhttp = new xmlHttpRequest ();
xhttp.onload = function ()
const xmldoc = ceci.ResponseXML;

Notre "CD.xml"Le fichier ressemble à ceci:

Après avoir récupéré les données demandées en utilisant le «réponsexml”Propriété, la réponse du serveur sera analysée et ses valeurs de nœud enfant seront récupérées en utilisant le code écrit ci-dessous:

const x = xmldoc.GetElementsByTagname ("artiste");
Selt txt = "";
pour (soit i = 0; i < x.length; i++)
txt = txt + x [i].ChildNodes [0].nodevalue + "
"

Enfin, les données analysées seront affichées en tant que contenu du «paragraphe" élément:

document.getElementByid ("démo").innerHtml = txt;

xhttp.CD ouvert ("Get", ".xml ");
xhttp.envoyer();

La sortie ci-dessus signifie que nous avons réussi à récupérer la réponse du serveur en utilisant le «réponsexml" propriété.

Conclusion

En utilisant les propriétés ResponseText et ResponseXML, vous pouvez gérer une réponse de demande d'un serveur AJAX. La propriété ResponseXML récupère la réponse du serveur dans XML, tandis que la réponse ResponseText est utilisée pour obtenir la réponse du serveur au format de chaîne. Cette rédaction a expliqué la procédure pour gérer la réponse du serveur Ajax à l'aide de propriétés ResponseText et ResponseXML.