Was ist die Funktion von Ajax? Detaillierte Erläuterung der Funktion und Schreibmethode von Ajax

In diesem Artikel geht es hauptsächlich um die Definition von Ajax sowie um die Rolle von Ajax und schließlich um eine ausführliche Erklärung, wie man Ajax schreibt. Lassen Sie uns nun gemeinsam diesen Artikel lesen

Was ist AjAx?

Asynchrones Javascript und XML.

Was ist die Funktion?

Daten mit dem Server über AjAx austauschen, und AjAx kann Webseiten verwenden, um Layoutaktualisierungen zu implementieren.

Das bedeutet, dass Teile der Seite aktualisiert werden können, ohne dass die gesamte Seite neu geladen werden muss.

Wie implementiert man Ajax?

XmlHttpRequest-Objekt Verwenden Sie dieses Objekt, um Anfragen asynchron an den Server zu senden, Antwortaktualisierungen zu erhalten und Teilaktualisierungen durchzuführen. Offen Antworttext/responseXML-Teilantwort senden. (Wenn Sie mehr sehen möchten, besuchen Sie die Spalte AJAX-Entwicklungshandbuch auf der chinesischen PHP-Website, um mehr zu erfahren)

Nutzungsszenarien

Anmelden. Die Seite springt nicht, wenn ein Fehler auftritt.

Bei der Registrierung wird in Echtzeit abgefragt, ob der Benutzername vorhanden ist.

Verbindung zwischen Provinzen und Gemeinden.

Bildserver verwalten und verzögertes Laden durchführen.

NativeAjAxSchreiben:

var XHR=null; 
if (window.XMLHttpRequest) { 
    // 非IE内核 
    XHR = new XMLHttpRequest(); 
} else if (window.ActiveXObject) { 
    // IE内核,这里早期IE的版本写法不同,具体可以查询下 
    XHR = new ActiveXObject("Microsoft.XMLHTTP"); 
} else { 
    XHR = null; 
}  
if(XHR){ 
    XHR.open("GET", "ajaxServer.action");  
    XHR.onreadystatechange = function () { 
        // readyState值说明 
        // 0,初始化,XHR对象已经创建,还未执行open 
        // 1,载入,已经调用open方法,但是还没发送请求 
        // 2,载入完成,请求已经发送完成 
        // 3,交互,可以接收到部分数据  
        // status值说明 
        // 200:成功 
        // 404:没有发现文件、查询或URl 
        // 500:服务器产生内部错误 
        if (XHR.readyState == 4 && XHR.status == 200) { 
            // 这里可以对返回的内容做处理 
            // 一般会返回JSON或XML数据格式 
            console.log(XHR.responseText); 
            // 主动释放,JS本身也会回收的 
            XHR = null; 
        } 
    }; 
    XHR.send(); 
}

Jquery AjAxSchreiben :

$.ajax({ 
        url:"servlet", 
        type:"post",//get 
        data:{}, 
        async:true, 
        cache:true, 
        complete:function(){}, 
        traditional:false, 
        dataType:"json", 
        success:function(data){}, 
        error:function(){} 
     });  
 $.post("servlet",{},function(data){},"json"); 
 $.get("servlet",function(data){},"json");

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

Das obige ist der detaillierte Inhalt vonWas ist die Funktion von Ajax? Detaillierte Erläuterung der Funktion und Schreibmethode von Ajax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!