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");
)