jQueryAjax請求-jQuery.getJSON(url, [data], [callback])

通過HTTP GET請求載入JSON數據。

在jQuery1.2中,您可以通過使用JSONP形式的回調函數來加載其他網絡域的JSON數據,如"myurl?callback=?"。jQuery將自動替換?爲正確的函數名,已執行回調函數。

注意:此行以後的代碼將在這個回調函數執行前執行。

返回值

XMLHttpRequest

參數

url(String): 發送請求地址。

data(Map):(可選)待發送Key/value參數。

callback(Function):(可選)載入成功時回調函數。

示例

從Flickr JSONP API載入4張最新的關於貓的圖片。

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數據中一個name字段數據。

jQuery代碼:

$.getJSON("test.js", function(json) {
    alert("JSONData: " + json.users[3].name);
});



 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章