返回值:XMLHttpRequestjQuery.getJSON(url, [data], [callback])
jQuery $.getJSON() 方法概述
通過(guò) HTTP GET 請求載入 JSON 數據。
在 jQuery 1.2 中,您可以通過(guò)使用JSONP形式的回調函數來(lái)加載其他網(wǎng)域的JSON數據,如 "myurl?callback=?"。jQuery 將自動(dòng)替換 ? 為正確的函數名,以執行回調函數。 注意:此行以后的代碼將在這個(gè)回調函數執行前執行。
參數
url,[data],[callback]String,Map,FunctionV1.0
url:發(fā)送請求地址。
data:待發(fā)送 Key/value 參數。
callback:載入成功時(shí)回調函數。
示例
描述:
從 Flickr JSONP API 載入 4 張最新的關(guān)于貓的圖片。
HTML 代碼:
<div id="images"></div>
jQuery 代碼:
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format
=json&jsoncallback=?", function(data){
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.media.m).appendTo("#images");
if ( i == 3 ) return false;
});
});
描述:
從 test.js 載入 JSON 數據并顯示 JSON 數據中一個(gè) name 字段數據。
jQuery 代碼:
$.getJSON("test.js", function(json){
alert("JSON Data: " + json.users[3].name);
});
描述:
從 test.js 載入 JSON 數據,附加參數,顯示 JSON 數據中一個(gè) name 字段數據。
jQuery 代碼:
$.getJSON("test.js", { name: "John", time: "2pm" }, function(json){
alert("JSON Data: " + json.users[3].name);
});