Une étape pour vous aider à savoir ce que sont AJAX et AJAX cross-domain

Comment fonctionne AJAX

AJAX = JavaScript et XML asynchrones En termes simples, AJAX charge les données en arrière-plan sans recharger la page Web entière et les affiche sur le Web. page.

Diagramme du principe de fonctionnement Ajax :

Vous pouvez le trouver via le diagramme schématique Ajax, entrez l'URL dans le champ navigateur Lorsque l'adresse demande au serveur, une requête http est envoyée au serveur via Ajax. Le résultat de la réponse du service est également renvoyé d'abord à Ajax, puis renvoyé au navigateur pour être affiché sur la page. S'il n'y a pas d'Ajax, il est représenté par une ligne de connexion supérieure et inférieure dans la figure. Le navigateur envoie directement une requête http au serveur. Une fois que le serveur a traité la requête, le résultat de la réponse est directement renvoyé au navigateur pour affichage.

La fonction d'Ajax est d'envoyer des requêtes http via js ou jQuery. La requête http inclut l'adresse URL, les données et la méthode de transfert de valeur des données, et il doit y avoir un résultat de retour après la réponse du serveur. .

Composition technique AJAX :

JavaScript, CSS, DOM, XMLHttpRequest

Méthode d'écriture native d'AJAX :

Le cœur d'Ajax est l'objet XMLHttpRequest, qui est la clé de l'implémentation d'Ajax. Il est utilisé pour envoyer des requêtes asynchrones, recevoir des réponses et exécuter des rappels.

//第一步：
var xhr=new XMLHttpRequest();
//第二步：
xhr.open("post","test.php");
//第三步：
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
//第四步：
xhr.send("a=1&b=10");  //get请求报文体写法
//第五步：
xhr.onreadystatechange=function(){
    if(xhr.status=200 && xhr.readyState==4){
        var result=xhr.responseText;  //获取结果
        alert(result);
    }
}

Syntaxe AJAX dans jQuery :

jQuery fournit plusieurs méthodes liées à AJAX Grâce à la méthode jQuery AJAX, utilisez Get ou Post pour demander du texte à un serveur distant. , HTML, XML ou JSON. Ces données externes sont ensuite chargées directement dans les éléments sélectionnés de la page Web.

$.ajax({
   url:"请求的url地址",
   type:"get|post",
   data:"数据" ,
   dataType:"text|json|xml|script",
   success:function(re){
       //服务器回传数据处理
   }
});

Les méthodes get() et post() d'AJAX

Les méthodes get() et post() dans jQuery sont utilisées pour HTTP GET ou requête POST pour demander des données au serveur. GET doit demander des données à la ressource spécifiée et POST doit soumettre les données à traiter à partir de la ressource spécifiée.

D'autres façons d'écrire Ajax dans jQuery sont :

$.get(url,data,callback,dataType)
$.post(url,data,callback,dataType)

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!