jQuery ajax - get() メソッド

jQuery Ajax 参考手帳

例

AJAXのGETリクエストを使用してdiv要素のテキストを変更する：

$("button").click(function(){
  $.get("demo_ajax_load.txt", function(result){
    $("div").html(result);
  });
});

自分で試してみてください

定義と用法

get()メソッドはリモートHTTP GETリクエストを通じて情報をロードします。

これはシンプルなGETリクエスト機能で、複雑な$.ajaxを置き換えるために使用されます。リクエストが成功した場合、コールバック関数を呼び出すことができます。エラー発生時に関数を実行する必要がある場合は、$.ajaxを使用してください。

文法

$(selector).get()}}url,data,success(response,status,xhr),dataType)
パラメータ 説明
url 必需。リクエストを送信するURLを指定します。
data オプション。リクエストに送信されるデータを指定します。
success(response,status,xhr)

オプション。リクエスト成功時に実行される関数を指定します。

追加のパラメータ：

  • response - リクエストからの結果データを含む
  • status - リクエストの状態を含む
  • xhr - XMLHttpRequest オブジェクトを含む
dataType

オプション。予期されるサーバー応答データタイプを指定します。

デフォルトで、jQueryは自動的に判断します。

可能なタイプ：

  • "xml"
  • "html"
  • "text"
  • "script"
  • "json"
  • "jsonp"

詳細説明

この関数は短縮されたAjax関数で、以下に等価です：

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

異なるMIME タイプの応答に応じて、success コールバック関数に渡されるデータも異なります。これらのデータは、XMLルート要素、テキスト文字列、JavaScript ファイル、または JSON オブジェクトであり、また、success コールバック関数に応答のテキスト状態を渡すこともできます。

jQuery 1.4の場合、success コールバック関数にXMLHttpRequest オブジェクトを渡すこともできます。

サンプル

test.php ページをリクエストし、返す値を無視：

$.get("test.php");

さらに多くの例

例 1

test.php ページをリクエストし、2つのパラメータを送信し、返す値を無視：

$.get("test.php", { name: "Bill", time: "2pm" } );

例 2

test.php が返す値（HTML または XML、返す値に依存）を表示：

$.get("test.php", function(data){
  alert("データロード: " + data);
});

例 3

test.cgi が返す値（HTML または XML、返す値に依存）を表示し、一連のリクエストパラメータを追加：

$.get("test.cgi", { name: "Bill", time: "2pm" },
  function(data){
    alert("データロード: " + data);
  });

jQuery Ajax 参考手帳