jquery的ajax非同步請求接收返回json資料方法設定簡單,一個是伺服器處理程序是回傳json數據,另一種就是ajax發送設定的datatype設定為jsonp格式資料或json格式都可以。
程式碼範例如下:
$('#send').click(function (click(function). ) {
$.ajax({
type : "GET",
url success : function (data) {
$.each(data.items, function (i, item) {
為"#resText");
}
});
}
); 🎜>
$.ajax方法如下:
複製程式碼
//有時候可以直接data.name或data['name']去存取
//但有時,卻要透過var jsonData = eval("(" data.responseText ")");才可以透過jsonData.name訪問,在這種情況下,需要是complete而不是success
}
});
$ .ajax(options)
這是最根本的JQuery Ajax方法,只有一個參數options,該options參數中包含了請求資訊和回調函數的資訊。參數內容都是key:value對形式出現,而且都是可選的。
文法如下:
$.ajax({options});
url:(string)發送請求的位址,可以是伺服器頁面也可以是WebService動作。
type:(string)請求方式,POST或GET
data:(object)向伺服器發送請求時帶去的資料。是key:value對形式,如:{name:"grayworm",sex:"male"},如果是數組{works:["work1","work2"]}dataType:(string)預期返回的資料類型。 xml,html,json,text等
beforeSend:(Function)發送ajax請求前被觸發,如果回傳false則取消本次請求。如果非同步請求需要顯示gif動畫,那應當在這裡設定對應的可見。