HTTPのGET通信を使用したAjax処理を実行します。

• $.get( url [, data] [, success(data, textStatus, jqXHR)] [, dataType] ) 1.0追加
• デモ

$.get( url [, data] [, success(data, textStatus, jqXHR)] [, dataType] ) 1.0追加

戻り値:jqXHR

引数	説明
url	リクエストの送信先URLを指定します。
[data]	サーバに送信する値をマップ値で指定します。 サーバーに送信される前にURLエンコードが施されたURLクエリーの文字列に変換されます。
[success (data, textStatus, jqXHR)]	リクエスト成功時の処理を関数として指定します。 関数の引数としてdata, textStatus, jqXHRnの3つの値を受け取る事が出来ます。
[dataType]	サーバから返されるデータ方式(xml, json, script, html)を指定します。

$.getは$.ajaxの略記です。$.ajax関数で次のように指定した処理と同じ処理を実行します。

$.ajax({
  //type: オプションは$.ajaxの初期値では"GET"です。
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

デモ

test.phpにリクエストを送信します。サーバが返す値について、処理は行いません。

$.get("test.php");

test.phpにデータをリクエスト送信します。サーバが返す値について、処理は行いません。

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

test.phpに配列データをリクエスト送信します。サーバが返す値について、処理は行いません。

$.get("test.php",
  {
    'choices[]': ["Jon", "Susan"]
  }
);

test.cgiにデータをリクエスト送信し、サーバから返された値をalertダイアログに表示します。

$.get("test.cgi",
  { name: "John", time: "2pm" },
  function(data){
    //リクエストが成功した際に実行する関数
    alert("Data Loaded: " + data);
  }
);

test.phpが例えば下記のようなPHP処理によってjsonを値を返してくれるという前提でリクエスト送信を行い、 リクエストが成功したら受けとったjson値をbody内に挿入します。

サーバ側(PHP)

echo json_encode(array("name"=>"John","time"=>"2pm"));

クライアント側(javaScript)

$.get("test.php",
  function(data){
     $('body').append( "Name: " + data.name )  // John
              .append( "Time: " + data.time ); //  2pm
    },
    "json"
  );

 Back to top