Was sind die Funktionen von Ajax? Detaillierte Einführung in die Rolle von Ajax (mit Beispielen)

In diesem Artikel wird hauptsächlich die Funktion von Ajax erläutert, damit jeder Ajax klarer verwenden kann. Lassen Sie uns diesen Artikel nun gemeinsam lesen

AJAX ist eine Technologie, die Teile einer Webseite aktualisieren kann, ohne die gesamte Seite neu laden zu müssen.
Kein Aktualisierungsdatenlesen
Benutzeranmeldung, Aktienfondsnetzwerk
Asynchron, synchron
AJAX = Asynchrones JavaScript und XML (asynchrones JavaScript und XML). AJAX ist keine neue Programmiersprache, sondern eine neue Art, bestehende Standards zu nutzen.

AJAX ist die Kunst, Daten mit einem Server auszutauschen und Teile einer Webseite zu aktualisieren, ohne die gesamte Seite neu zu laden. Es gibt viele Anwendungsfälle für die Verwendung von AJAX: Sina Weibo, Google Maps, Kaixin.com usw. (Wenn Sie mehr erfahren möchten, besuchen Sie die Spalte AJAX-Entwicklungshandbuch der PHP Chinese-Website, um mehr zu erfahren)

Traditionelles Entwicklungsmodell: Jede Aktion des Benutzers löst eine HTTP-Anfrage zurück an den Server aus , und der Server tut Nach der Verarbeitung wird eine HTML-Seite an den Benutzer zurückgegeben.

Ajax-Entwicklungsmodus: Die Seite kommuniziert die Vorgänge des Benutzers mit dem Server über die Ajax-Engine, gibt die Ergebnisse an die Ajax-Engine und dann an Ajax zurück sendet die Daten an der angegebenen Position einzufügen.

Ajax-Funktion schreiben

1. Ajax-Objekt erstellen

<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. Mit dem Server verbinden

xmlhttp.open('GET',url,true);//Die drei Parameter repräsentieren Methode, Pfad, Synchronisation bzw. asynchron (true bedeutet asynchron);

3. Anfrage senden

xmlhttp.send();

4. Rückgabewert empfangen

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);
}
}
};
}

Dieser Artikel endet hier ( Wenn Sie mehr wissen möchten, besuchen Sie die Spalte AJAX-Benutzerhandbuch auf der PHP-Website. Wenn Sie Fragen haben, können Sie unten eine Nachricht hinterlassen.

Das obige ist der detaillierte Inhalt vonWas sind die Funktionen von Ajax? Detaillierte Einführung in die Rolle von Ajax (mit Beispielen). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!