jQuery.getJSON(url, [data], [callback]) 基礎簡介

傳回值:XMLHttpRequestjQuery.getJSON(url, [data], [callback])

#概述

透過HTTP GET 請求載入JSON 資料。

在 jQuery 1.2 中，您可以透過使用JSONP 形式的回呼函數來載入其他網域的JSON數據，如 "myurl?callback=?"。 jQuery 會自動取代 ? 為正確的函式名，以執行回呼函數。 注意：此行以後的程式碼將在這個回呼函數執行前執行。

參數

urlString

#傳送請求位址。

data (可選)Map

待傳送 Key/value 參數。

callback (可選)Function

#載入成功時回呼函數。

範例

描述:

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

HTML 程式碼:

<p id="images"></p>

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("JSON Data: " + json.users[3].name);
});

描述:

從 test.js 載入 JSON 數據，附加參數，顯示 JSON 資料中一個 name 欄位資料。

jQuery 程式碼:

$.getJSON("test.js", { name: "John", time: "2pm" }, function(json){
  alert("JSON Data: " + json.users[3].name);
});

本文由作者：陳希章 於  2009/7/2 8:27:43 發佈在：http://www.cnblogs.com/chenxizhang/
本文版權歸作者所有，可以轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接，否則保留追究法律責任的權利。
更多部落格文章，以及作者對於部落格引用方面的完整聲明以及合作方面的政策，請參考以下網站：陳希章的部落格中心

以上是jQuery.getJSON(url, [data], [callback]) 基礎簡介的詳細內容。更多資訊請關注PHP中文網其他相關文章！