jQuery.get()

jQuery.get()は、HTTPのGETメソッドでリクエストを送信するメソッドである。

構文

jQuery関数には3通りの記述方法がある。それぞれ記述方法が異なるだけで、機能はどれも同じである。

window.jQuery.get(url, data, succss, dataType)
jQuery.get(url, data, succss, dataType)
$.get(url, data, succss, dataType)

url以外のパラメータは省略できる。

引数

jQuery.get()には、次の引数を指定できる。

url
リクエストの送信先URLを指定する。
data
サーバに送信する値を指定する。
success
リクエストが成功した場合に実行されるコールバック関数を指定する。
function(data, textStatus, jqXHR) {
  // リクエストが成功したときの処理
}
data
dataTypeに応じて評価された応答データ
textStatus
リクエスト結果を表す文字列
jqXHR
XMLHttpRequestオブジェクト
dataType
サーバから返されるデータ形式(xml, json, script. html)を指定する。

使用例

example.phpページをリクエストして、配列データをサーバに送信する例を示す。

$.get("example.php", {"color[]": ["red", "green"]});

example.phpページをリクエストし、成功したら取得したデータをHTMLとして表示する例を示す。

$.get("example.php", function(data) {
  $("#result").html(data);
});
$.get("example.php", function(data) {
  $("body")
    .append("key1: " + data.key1)
    .append("key2: " + data.key2);
  }, "json");
)