ajax的作用是什麼？ ajax的作用和寫法的詳細解釋

本篇文章主要的講述了關於ajax的定義，還有關於ajax的作用，最後還有關於ajax的寫法詳解，現在讓我們一起來看這篇文章吧

什麼是AjAx？

非同步的javascript和xml。

作用是什麼？

透過AjAx與伺服器進行資料交換，AjAx可以使用網頁實作佈局更新。

這表示可以在不重新載入整個網頁的情況下，對網頁的某部分進行更新。

怎麼來實作Ajax？

XmlHttpRequest對象，使用這個對象可以異步向伺服器發送請求，取得回應更新，完成局部更新。 Open send responseText/responseXML 局部回應。 （想看更多就到PHP中文網AJAX開發手冊欄位學習）

#使用場景

##登入失敗不跳轉頁面。

註冊即時提示使用者名稱是否存在。

省市區的連動。

管理圖片伺服器，進行延時載入。

原生AjAx寫入法：

#

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 AjAx寫法：

$.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");

這篇文章到這就結束了（想看更多就到PHP中文網AJAX使用手冊欄位中學習），有問題的可以在下方留言提問。

以上是ajax的作用是什麼？ ajax的作用和寫法的詳細解釋的詳細內容。更多資訊請關注PHP中文網其他相關文章！