Ajax原理及JQuery封裝的使用

① 建立xmlhttprequest物件

var xhr = new xmlhttprequest();

1. 設定請求行

引數1為請求方式,引數2為請求位址

//get方式：

xhr.open("get", "01.php?name=zs&age=18");//需要將傳送的資料拼接在位址後面
//post方式：
xhr.open("post", "02.php");//不需要拼接資料

//get方式: 

xhr.setreqeustheader('content-type','text/html');//請求頭預設為get方式,因此get方式可以省略請求頭
//post方式：

//get方式:

xhr.send(null);//get方式的請求主體為空,因為已經將資料拼接在url位址後了
//post方式:
xhr.send("name=zs&age=18");//將請求時傳送給後台的資料放在請求主體中

readystate：記錄了xmlhttprequest物件的當前狀態，響應完成時 readystate = 4，響應成功的狀態碼 status = 200。

//給xhr註冊乙個onreadystatechange事件，當xhr的狀態發生改變時，會觸發這個事件

xhr.onreadystatechange = function () 
}

//使用之前先引入jquery檔案$.ajax(, //傳送請求時傳遞的資料(以物件的形式傳遞,ajax方法內部會轉換為name=zs&age=18)

timeout: 2000, //設定超時時間(單位：毫秒) ，超出指定時間，請求自動終止 
datatype: 'text', // 可設定為text/xml/json ,指定瀏覽器希望接受的資料型別,當將datatype設定為json後，$.ajax方法內部會自動呼叫json.parse()對資料進行轉換 
beforesend: function
() ,
success: function
(info) ,
error: function
() ,
complete: function
() })

封裝ajax原理

首先處理 使用者如果不傳某些引數，設定預設值 處理使用者傳進來的引數物件 通過xmlhttprequest物件建立xhr，早期的ie瀏覽器不支援xmlhttprequest物件,通過var xhr new activexobject msxm12.xmlhttp 建立 判斷使用者請求的方法 判斷資料...

基於jquery的ajax封裝

jquery給我們的開發帶來了很多的便利，對其熟練的運用是現在前端開發人員的必要技能之一。其封裝的很多方法都做了相容的處理，就少去了部分開發人員做相容處理的問題，從而提高工作效率，有更多時間來學習其它技能 今天來聊聊其的ajax 方法，ajax 方法通過 http 請求載入遠端資料。ajax 返回其...

jQuery封裝ajax的方法

引數有4個，必填引數是url位址，其他引數都是選填引數，可以沒有，引數的形式是物件形式。get 引數有4個，必填引數是url位址，其他引數都是選填引數，可以沒有，引數的形式是物件形式。post 請求成功時執行的函式 有n個引數，預設請求方式是 get 方式 ajax 傳參引數，必須是物件形式,dat...