Maison  >  Article  >  interface Web  >  Comment implémenter la requête AJAX ?

Comment implémenter la requête AJAX ?

Guanhui
Guanhuioriginal
2020-06-24 15:31:052688parcourir

Comment implémenter la requête AJAX ?

Comment implémenter la requête AJAX ?

1. Créez une instance XMLHttpRequest ;

var xhr;if(window.XMLHttpRequest) {
  //ie7+,firefox,chrome,safari,opera
  xhr = new XMLHttpRequest();}else {
  //ie5,ie6
  xhr = new ActiveXObject("Microsoft.XMLHTTP");}

2 Écoutez l'événement readystatechange et déterminez l'état de la demande via l'attribut readyState ; open() La méthode spécifie le type et l'adresse de la requête ;

xhr.onreadystatechange = function() {
  if(xhr.readyState==4 && xhr.status==200) {
    console.log(xhr.responseText);
  }}

4. Appelez la méthode send() pour envoyer la requête.

xhr.open("GET", "xhr_info.txt");

Code complet

xhr.send(null);

Tutoriel recommandé : "
Tutoriel JS

"

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