Maison > interface Web > js tutoriel > le corps du texte

Ajax envoi et réception de requêtes

亚连
Libérer: 2018-05-24 10:53:52
original
2165 Les gens l'ont consulté

Cet article présente principalement en détail les informations pertinentes sur l'envoi et la réception de demandes Ajax. Les amis intéressés peuvent s'y référer

Tout d'abord, Ajax soumet des données sans actualiser la page, qui est désormais très largement utilisée. Sans plus attendre, venons au sujet ! !

En gros, Ajax peut recevoir toutes les informations que le navigateur peut recevoir, ex : chaînes, balises html, balises css, contenu au format xml, contenu au format json, etc...

<script>
  // IE浏览器
  if(ActiveXObject){
     // 微软目前AJAX最新版本
    var ajax = new ActiveXObject("Msxm12.XMLHTTP.6.0"); 
  }else{
    // 主流浏览器
    var ajax = new XMLHttpRequest();
   }
  
  // 创建HTTP请求
   // open(method, url, asynchronous, user, password);
   // method:请求方法(post,get)
   // url:请求地址(是具体要接收数据的地址)
   // asynchronous:同步或异步请求(true是异步,false是同步,默认是true,可不填)
   // user:(指定请求用户名,可不填)
   // password:(指定请求密码,可不填)
  
  ajax.open(&#39;get&#39;,&#39;url&#39;); 
  
  ajax.onreadystatechange = function(){
    if((ajax.readyState==4) && (ajax.status)==200){
      alert(ajax.responseText); // 返回的数据内容
    }else{
      alert(&#39;请求失败&#39;);
    }
  }
  // 发送请求,content是要发送的内容,如果没有则填null
   send(content);
   
   // 如果用的是post方式请求,要在send之前设置HTTP头
   ajax.setRequestHeader(“Content-Type”, “application/x-www-form-urlencoded”);

  
</script>
Copier après la connexion

L'événement onreadystatechange d'ajax reçoit jusqu'à quatre états de changement

valeur d'état de retour de readystate :

 0 ( Non initialisé) L'objet a été créé

 1 (Initialisé) La méthode open a été appelée

 2 (Envoyer des données) La méthode d'envoi a été appelée

 3 (Les données sont en cours de transfert) Des données partielles ont été renvoyées

 4 (Terminé) Demande réussie

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère qu'il sera utile à tout le monde dans le monde. avenir.

Articles associés :

Un résumé de 5 façons de résoudre le problème de cache avec Ajax

Comment résoudre le problème de tableaux dans les requêtes AJAX

Requête Ajax et analyse de cas de coopération avec filtre

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal