|
|||||||
|
|||||||
jQuery.getJSON(url, [data], [handler])
version 1.0 以降
解説
HTTPリクエスト(GETメソッド)を使用してデータを取得します。 jQuery.get(url, [data], [handler], [dataType]) のラッパメソッドです。 以下の呼び出しと等価です。 jQuery.get(url, data, callback, "json");
指定したコールバック関数は、通信が成功した場合に実行されます。 通信エラー時、通信完了時のハンドリングを行うには、jQuery.ajax(settings) を使用してください。 JSONP
引数
戻り値
例例1:サーバからJSONデータを取得し、表示します。 test_json.php
Content-type: application/json; charset=UTF-8 {key1: "value1", key2: "value2"} $.getJSON( "test_json.php", // リクエストURL null, function(data, status) { // 通信成功時にデータを表示 $("#test1_result").append("----- データ取得結果 -----").append("<br/>"); for (i in data) { $("#test1_result").append(i + ": " + data[i]).append("<br/>"); } } );
例2:Youtubeから検索結果を取得し、表示します。クエリにコールバック関数を指定し、JSONPで取得します。
$.getJSON( "http://gdata.youtube.com/feeds/api/videos?callback=?", // リクエストURL { // 送信データ "vq": "テスト", // 検索文字列 "max-results": 5, // 最大取得件数 "alt": "json-in-script" // jsonp }, function(data, status) { // 通信成功時にデータを表示 $("#test2_result").append("----- Youtube検索結果 -----"); $.each(data.feed.entry, function(i, item){ var group = item.media$group; $("<div/>") .append($("<img/>").attr("src", group.media$thumbnail[0].url)) .append("<br/>") .append(item.title.$t) .click(function(){window.open(group.media$player[0].url, null)}) .appendTo("#test2_result"); }); } ); |
|
||||||
© 2007-2011 by いけまさ. All rights Reserved. |