ajax請求的五個步驟和用法
阿新 • • 發佈:2022-03-30
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}, });