// 建立xhr對象
var xhr = new XMLHttpRequest();
// 設置請求方式和路徑
xhr.open('GET',請求路徑);
// 發送請求
xhr.send(null);
// 註冊事件,獲取響應內容
xhr.onreadystatechange = function () {
if(this.readystate === 4) {
console.log(this.responseText)
}
}
複製代碼
//建立xhr對象
var xhr = new XMLHttpRequest();
//設置請求方式和請求路徑
xhr.open('POST',請求路徑)
// 當post請求的時候,設置請求頭
// Content-type 告訴服務器發送過去的請求體的格式
xhr.setRequestHeader('Content-Type','application/json');
//發送請求體
xhr.send(請求體)
// 註冊事件,接受響應內容
xhr.onreadystatechange = function () {
if(this.readystate === 4) {
console.log(this.reponseText)
}
}
複製代碼
Ajax能夠實現異步通訊效果,實現頁面局部刷新,帶來更好的用戶體驗,按需獲取數據,節約帶寬資源ajax
GET: 通常用於信息獲取,使用URL傳遞參數,對所發送信息的數量也有限制,通常在2000個字符,有的瀏覽器是8000個字符;
POST: 通常用於修改服務器上的資源,對所發的信息沒有限制在如下狀況中,使用POST請求:
數據庫
同步:阻塞的
瀏覽器向服務器請求數據,服務器比較忙,瀏覽器一直等着(頁面會白屏),直到服務器返回數據,瀏覽 器才能顯示頁面
異步:非阻塞的
瀏覽器向服務器請求數據,服務器比較忙,瀏覽器能夠自如的幹原來的事情(顯示頁面),服務器返回 數據的時候通知瀏覽器一聲,瀏覽器把返回的數據再渲染到頁面,局部更新json