jQuery.getJSON(url, [データ], [コールバック]) 基本的な概要

戻り値: XMLHttpRequestjQuery.getJSON(url, [data], [callback])

概要

HTTP GET リクエストを通じて JSON データをロードします。

jQuery 1.2 では、「myurl?callback=?」などの JSONP 形式のコールバック関数を使用して、他のドメインから JSON データをロードできます。 jQuery は、コールバック関数を実行するために、? を正しい関数名に自動的に置き換えます。 注: この行以降のコードは、このコールバック関数が実行される前に実行されます。

Parameters

urlString

送信リクエストのアドレス。

data (オプション)Map

送信されるキー/値パラメータ。

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 データ内の名前フィールドのデータを表示します。

jQuery コード:

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

説明:

test.js から JSON データをロードし、パラメーターを追加し、JSON データ内の名前フィールド データを表示します。

jQuery コード:

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

この記事は、Chen Xizhang によって書かれました。2009/7/2 8:27:43 公開場所: http://www.cnblogs.com/chenxizhang/
この記事の著作権は著者に帰属しており、複製することができます。ただし、この声明は著者の同意なしに保持されなければならず、元のテキストへのリンクが必要です。記事ページの明らかな位置に提供されない場合、当社は法的責任を追及する権利を留保します。
その他のブログ投稿、ブログに関する著者の完全な声明引用および協力ポリシーについては、次のサイトを参照してください: Chen Xizhang のブログ センター

以上がjQuery.getJSON(url, [データ], [コールバック]) 基本的な概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。