English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery getJSON() メソッド

jQueryのAjaxメソッド

$.getJSON()メソッドは、GET HTTPリクエストを使用してサーバーからJSON形式のデータをロードします。

文法:

$.getJSON(URL, data, callback)

インスタンス

demo.jsonファイルをリクエストしてデータを出力します:

$("button").click(function(){
  $.getJSON("demo.json", function(data){
    $("#output").html(data.name);
  });
});
テストを見て‹/›

この例では、要求されたデータをループで巡回し、p id="output"に追加します。

$("button").click(function(){
  $.getJSON("demo.json", function(data){
    $.each(data, function(key, val){
      $("#output").append(key + : + val + "<br>");
    });
  });
});
テストを見て‹/›

パラメータ値

パラメータ説明
URL要求したいURLを指定
data(オプション)要求とともにサーバーに送信される純オブジェクトまたは文字列を指定
callback(オプション)要求成功後に実行されるコールバック関数を指定

パラメータ:

  • data-要求の結果データを含む

  • status-要求の状態("成功", "未変更", "エラー", "タイムアウト", "parsererror")を含む

  • xhr-XMLHttpRequestオブジェクトを含む

jQueryのAjaxメソッド