1. 程式人生 > >11.12學習筆記

11.12學習筆記

Ajax:優點
1 減輕伺服器的負擔,提升站點的效能
2 無重新整理更新頁面(區域性更新),減少使用者實際和心理等待時間
3 更好的使用者體驗


Ajax:三種寫法

(1)第一種寫法
load:載入(用於檔案的載入 )
load:匿名函式的引數解釋:
response 讀取的資料
stautus 成功與失敗
xhr XMLHTTTPrequest 物件
success:成功
error:失敗
$("#div").load("url地址",data(資料,可要可不要),function(response,stautus,xhr))
$("#div").load("bb.txt",function(response,stautus,xhr){
//判斷檔案是否存在(用success去判斷)
if(stautus=="success")
{
console.log("檔案載入成功");

}
else
{
console.log("檔案載入失敗");
}

})


(2):第二種寫法(用的比較多)

$.post(url,data,callback)
url 必須的 請求的地址
data 可選的 傳送的資料
callback 回撥函式 請求成功以後執行的函式

$("#btn").click(function(){

$.post("2.php",{"id":37},function(data){
//alert(data);
console.log(data);

})
})

(3):第三種寫法

url 請求的地址 2.php?id=2
data:{“id”:2}
async:true; true代表非同步(預設非同步提交,效率高 ) false代表同步(傳送一個請求,必須要等待有一個結果)


預設是非同步 true 所有的非同步請求
dateType:"json" 以json的格式提交(預設以json格式)
success:function(){} 成功執行回撥函式
error:function(){} 失敗執行回撥函式


$("#btn").click(function(){
$.ajax({
"url":"3.php",
"type":"post",//提交的方式 post get
"data":{"id":100},
//"dataType":"json",
"success":function(data){
console.log(data);

}
})
})