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

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!