Maison >interface Web >js tutoriel >Comment puis-je passer des appels AJAX en utilisant du JavaScript simple ?

Comment puis-je passer des appels AJAX en utilisant du JavaScript simple ?

Patricia Arquette
Patricia Arquetteoriginal
2024-12-22 15:05:14750parcourir

How Can I Make AJAX Calls Using Plain JavaScript?

Appels AJAX en JavaScript simple

Faire des appels AJAX sans jQuery offre une plus grande flexibilité et un plus grand contrôle sur les interactions réseau. Voici comment procéder :

Création de l'objet Request

Tout d'abord, créez un nouvel objet XMLHttpRequest, qui est le cœur des appels AJAX en JavaScript simple :

var xmlhttp = new XMLHttpRequest();

Gérer la réponse

Définir un Fonction onreadystatechange pour surveiller l'état de la requête :

xmlhttp.onreadystatechange = function() {
  // Check if the request is complete
  if (xmlhttp.readyState == XMLHttpRequest.DONE) {
    // Check if the request was successful
    if (xmlhttp.status == 200) {
      // Process the response text
      document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
    } else {
      // Handle error conditions by status code
      alert('There was an error ' + xmlhttp.status);
    }
  }
};

Envoi de la requête

Spécifiez la méthode HTTP, l'URL et si la requête est asynchrone ou synchrone :

xmlhttp.open("GET", "ajax_info.txt", true);
// Asynchronous request is recommended for performance
xmlhttp.send();

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn