$.getJSON(url,[data],[fn]) | jQuery API 3.2 中文文件

返回值:XMLHttpRequest jQuery.getJSON(url, [data] , [callback] )

概述

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

在 jQuery 1.2 中，您可以通過使用 JSONP 形式的回撥函式來載入其他網域的JSON資料，如 "myurl?callback=?"。jQuery 將自動替換 ? 為正確的函式名，以執行回撥函式。注意：此行以後的程式碼將在這個回撥函式執行前執行。

參數

url,[data],[callback] String,Map,Function V1.0

url :發送請求地址。

data :待發送 Key/value 參數。

callback :載入成功時回撥函式。

示例

描述:

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

HTML 程式碼:


<div id="images"></div>

jQuery 程式碼:


$.getJSON("//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);
});