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