一、AJAX簡介
AJAX是能夠在不刷新頁面的情況下,讓局部數(shù)據(jù)跟新的技術(shù)
二、AJAX請求數(shù)據(jù)分為三步
1、創(chuàng)建對象
var request = new XMLHttpRequest();
2、發(fā)送請求
分為 get、post
單線程和多線程
同步(不可同時(shí)執(zhí)行)和異步(可多個(gè)事件同時(shí)執(zhí)行)
request.open("get","test.json",true); // 規(guī)定請求: 類型、URL 、以及是否異步處理請求
request.send(); // 將請求發(fā)送到服務(wù)器
3、等待響應(yīng)
每次網(wǎng)絡(luò)請求的狀態(tài)代表都會調(diào)用這個(gè)方法
request.onreadystatechange = function(){
if(request.readyState == 4 && request.status == 200){
// 請求成功并返回了數(shù)據(jù)
}
}
readyState有以下值:
// 0: 請求未初始化
// 1: 服務(wù)器連接已建立
// 2: 請求已接收
// 3: 請求處理中
// 4: 請求已完成,且響應(yīng)已就緒
status有以下值:
200:OK
404:未找到頁面
三、返回的數(shù)據(jù)的主要格式
一、JSON格式-----responseText獲取
var obj = JSON.parse(request.responseText); // 將JSON轉(zhuǎn)為對象
二、XML格式-------responseXML獲取
四、JQ中AJAX的應(yīng)用
$.ajax({
type:"get",
url:"test.json",
success:function(msg){
console.log(JSON.parse(msg)); // msg保存的就是對應(yīng)的數(shù)據(jù)
}
})