1敌土、ajax原理:
? ? ? 客戶端調(diào)用ajax引擎,ajax引擎調(diào)用服務(wù)器,服務(wù)器處理完數(shù)據(jù)后將結(jié)果返回給ajax引擎留凭, 由ajax引擎決定將結(jié)果寫入到客戶端的什么位置。從而實現(xiàn)了頁面的無刷新來更新數(shù)據(jù)偎巢。
2蔼夜、ajax的核心對象是:XMLHttpRequest。
3.優(yōu)缺點:
優(yōu)點:可以提高用戶體驗压昼,減輕服務(wù)器的負擔
缺點:不利于搜索引擎
一求冷、ajax(異步j(luò)avascript和XML)
異步數(shù)據(jù)請求:不刷新整個頁面的前提下更新數(shù)據(jù)
二、Json
輕量級的數(shù)據(jù)交換格式(簡單窍霞,易于書寫和閱讀匠题,易于解析)
書寫json字符串時,鍵名和鍵值均要加引號但金,一點書寫錯誤均會導致數(shù)據(jù)無法正常解析韭山,其他書寫規(guī)范同對象(最后一個數(shù)據(jù)不能寫符號)
Eg:
{
“name”:”張三”,
“age”:”13”,
“sex”:”男”
}
1、$.get()
? 語法:$.get(url ,data,callback,type);
url:”請求的地址”;
data(可選):需上傳的數(shù)據(jù)
callback(可選):請求成功后執(zhí)行的函數(shù)冷溃,自動將請求結(jié)果傳遞給函數(shù)
type(可選):服務(wù)器返回內(nèi)容的格式
2钱磅、$.post()
語法:$.post(url,上傳的數(shù)據(jù),回調(diào)函數(shù),返回結(jié)果的數(shù)據(jù)類型);同$.get()
3似枕、$.getJSON()
語法:$.getJSON(url,需上傳的數(shù)據(jù),回調(diào)函數(shù))
?例如:?
?$.getJSON("data.json",function(data){
for(var i in data){
document.write(data[i]+"
")
}
})
4盖淡、$.ajax()(必須掌握 :重點)
語法:$.ajax({
type:”請求方式”,
url:”請求數(shù)據(jù)的路徑”,
dataType:”返回數(shù)據(jù)的數(shù)據(jù)格式”,
success:function(返回的數(shù)據(jù),”請求結(jié)果”){
//請求成功時執(zhí)行的代碼
},
error:function(){
//請求失敗執(zhí)行的代碼
}
});
例如: $.ajax({ //請求方式 type:"get", //請求路徑 url:"data.json", //是否異步 true是異步加載 false是同步加載 async:true, //返回的數(shù)據(jù)格式 dataType:"json", //請求成功之后執(zhí)行的函數(shù) success:function(data){ for(var i in data) document.write(data[i]+"
")? ? ? ? },? ? ? ? //請求失敗執(zhí)行的函數(shù)? ? ? ? error:function(){? ? ? ? alert("失敗")? ? ? ? }? ? ? })