Comment utiliser ajax spécifiquement ? Analyse en quatre étapes à l'aide d'ajax (avec exemples)

Cet article présente principalement les quatre étapes d'utilisation de ajax Ceux qui veulent le lire devraient se dépêcher et commencer à le lire

1. La première étape (obtenir XMLHttpRequest)

*ajax n'a en fait besoin d'apprendre qu'un seul objet : XMLHttpRequest Si vous le maîtrisez, vous maîtriserez AJAX

*. Obtenir XMLHttpRequest

>La plupart des navigateurs prennent en charge : var xmlHttp=new XMLHttpRequest();

>Support IE6.0 : var xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

>Support d'IE5.5 et des versions antérieures d'IE : var xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

*Écrivez la fonction qui crée XMLHttpRequest

 function createXMLHttpRequest() {
           try{
                    return  new  XMLHttpRequest();
           }catch{
                    try{
                            return
  new  ActiveXObject("Msxml2.XMLHTTP");
                    }catch{ 
                               try{
                                        return  newActiveXObject("Microsoft.XMLHTTP");
                             }catch{
                                  alert("怎么可能，你用的啥浏览器。。。")
                                   throw   e;
                             }
                    }
           }
}

2. Étape 2 (Ouvrir la connexion au serveur)

*xmlHttp.open(); une connexion avec le serveur, trois paramètres sont requis

  >Méthode de requête : GET ou POST

>URL demandée : spécifiez la ressource côté serveur, par exemple : /project/action

> Si la requête est asynchrone : Si True, cela signifie envoyer une requête asynchrone, sinon elle est une requête synchrone ; /action",true); (Si vous voulez en savoir plus, rendez-vous sur la colonne Manuel de développement AJAX du site Web PHP chinois pour apprendre)

3. Étape 3 (Envoyer la demande) *xmlHttp.send(null); indiqué entre parenthèses, une navigation partielle peut se produire. Le serveur ne peut pas envoyer

> Paramètre : C'est le contenu du corps de la requête. c'est une requête GET, nulle

Étape 4

* Enregistrer un auditeur sur un événement de l'objet xmlHttp : onredaystatechange

*xmlHttp L'objet a un total de 5 états :

> Statut 0 : Juste créé, la méthode open() n'a pas été appelée

;

>1状态：请求开始，调用了open()方法，但还没有调用send()方法；

>2状态：调用完了send()方法；

>3状态：服务器已经开始响应，但不表示响应结束；

>4状态：服务器响应结束!（我们通常只关注这个状态！！！）

*得到xmlHttp对象的状态；

>var state =xmlHttp.redayState; //可能是0、1、2、3、4

*得到服务器的响应状态码

>var state =xmlHttp.status; //例如为200、404、500

*得到服务器的响应内容

>var  content = xmlHttp.responseText; //得到服务器响应的文本格式内容；
 
     >var  content = xmlHttp.responseXML; //得到服务器响应的xml内容，它是Document对象；
 
 xmlHttp.onredaystatechange=function() { //5种状态都会调用本方法；
 
          if(xmlHttp.redayState==4 && xmlHttp.status==200){  //双重判断，缺一不可
               
 //获取服务器的响应内容
 
                 var  text = xmlHttp.responseText;
 
          }
 };

本篇文章到这就结束了（想看更多就到PHP中文网AJAX使用手册栏目中学习），有问题的可以在下方留言提问。

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!