Quelles sont les fonctions d'ajax ? Introduction détaillée au rôle d'ajax (avec exemples)

Cet article présente principalement l'explication de la fonction de ajax, afin que tout le monde puisse utiliser ajax plus clairement. Lisons maintenant cet article ensemble

.

AJAX est une technologie qui permet de mettre à jour des parties d'une page Web sans recharger la page entière.
Aucune lecture des données d'actualisation
Connexion utilisateur, réseau de fonds d'actions
Asynchrone, synchrone
AJAX = JavaScript et XML asynchrones (JavaScript et XML asynchrones). AJAX n'est pas un nouveau langage de programmation, mais une nouvelle façon d'utiliser les standards existants.

AJAX est l'art d'échanger des données avec un serveur et de mettre à jour des parties d'une page Web sans recharger la page entière. Il existe de nombreux cas d'application utilisant AJAX : Sina Weibo, Google Maps, Kaixin.com, etc. (Si vous souhaitez en savoir plus, rendez-vous sur le site Web PHP chinois Colonne Manuel de développement AJAX pour en savoir)

Modèle de développement traditionnel : chaque opération de l'utilisateur déclenche une requête HTTP vers le serveur , et le serveur le fait Après le traitement, une page html est renvoyée à l'utilisateur.

mode de développement ajax : la page communique les opérations de l'utilisateur avec le serveur via le moteur ajax, renvoie les résultats au moteur ajax, puis ajax envoie les données Insérer à la position spécifiée.

Écrire une fonction ajax

1. Créer un objet ajax

<span class="pln" style="color:rgb(72,72,76);"></span>

var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

2. Connectez-vous au serveur

xmlhttp.open('GET',url,true);//Les trois paramètres représentent la méthode, le chemin, synchrone ou asynchrone (true signifie asynchrone);

3. Envoyer la demande

xmlhttp.send();

4. Recevoir la valeur de retour

xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4){
if(xmlhttp.status==200){
alert('成功：'+oAjax.responseText);
}
else
{
alert('失败:'+oAjax.status);
}
}
}
封装成函数
function ajax(url,
 fnSucc, fnFaild)
{
//1.创建Ajax对象
if(window.XMLHttpRequest)
{
var
 oAjax=newXMLHttpRequest();
}
else
{
var
 oAjax=newActiveXObject("Microsoft.XMLHTTP");
}
//2.连接服务器
//open(方法, 文件名, 异步传输)
oAjax.open('GET',
 url,true);
//3.发送请求
oAjax.send();
//4.接收返回
oAjax.onreadystatechange=function()
{
//oAjax.readyState //浏览器和服务器，进行到哪一步了
if(oAjax.readyState==4)//读取完成
{
if(oAjax.status==200)//成功
{
fnSucc(oAjax.responseText);
}
else
{
if(fnFaild)
{
fnFaild(oAjax.status);
}
//alert('失败:'+oAjax.status);
}
}
};
}

Cet article C'est tout. (Si vous voulez en savoir plus, rendez-vous sur la colonne Manuel d'utilisation AJAX du site Web PHP chinois pour en savoir plus. Si vous avez des questions, vous pouvez laisser un message ci-dessous.

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!