1. 程式人生 > 其它 >ajax請求的五個步驟和用法

ajax請求的五個步驟和用法

ajax

定義:非同步的JavaScript xml,能夠使頁面區域性重新整理

ajax請求的五個步驟

第一步: 建立xmlHttprequest物件
第二步:使用物件的open()和send()方法傳送資源給伺服器
第三步:使用物件的responseText或responseXML 屬性獲取伺服器的響應
第四步:註冊事件 onreadystatechange 狀態改變就會呼叫
第五步:根據判斷進行響應的處理

程式碼如下:

//1 建立物件
var xhr;
if(window.xhr){   
  var xhr=new XMLHttpRequest();
}else{   //針對IE5或IE6
  xhr=new ActiveXObject("Microsoft.XMLHttp");
}

//2 傳送請求給伺服器 
xhr.open("post","/url"); 或 xhr.open("get","url?name=123");

若是post方法:
    xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//且 xhr.send("name="+name)傳送引數

//3 接受請求
var res=xhr.requestText或xhr.requestXML屬性獲得伺服器資源
//4 判斷狀態

xhr.onreadystatechange = function () {
   if (xhr.readyState==4 && xhr.status==200) {
    //5 根據狀態做響應的處理
    
  }
}

ajax的使用

$.ajax({
url:"",
dataType:"json", //dataType
type:"get",
data:{},
async:true, //為非同步
//成功或失敗 success:function(res){ }, error:function(){err}, });