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

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

什麼是AjAx？

非同步javascript和xml。

作用是什嗎？

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

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

怎麼來實現Ajax？

XmlHttpRequest對象，使用這個對象可以非同步向伺服器發送請求，擷取響應更新，完成局部更新。 Open send responseText/responseXML 局部響應。（想看更多就到topic.alibabacloud.comAJAX開發手冊欄目中學習）

使用情境

登入失敗不跳轉頁面。

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

省市區的聯動。

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

原生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");

本篇文章到這就結束了（想看更多就到topic.alibabacloud.comAJAX使用手冊欄目中學習），有問題的可以在下方留言提問。