jQuery get() メソッド

❮ jQuery AJAX メソッド

ページへ HTTP GET リクエストを送信し、返された結果を取得する:

$("button").click(function(){
    $.get("demo_test.html", function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});
Try it Yourself »

定義と用法

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


"test.php" にリクエストを送信するが、返された結果を無視する:

$.get("test.php");

"test.php" へリクエストと一緒に追加のデータを送信する(返された結果は無視):

$.get("test.php", { name:"Donald", town:"Ducktown" });

"test.php" へリクエストと配列データを渡す(返された結果は無視):

$.get("test.php", { 'colors[]' : ["Red","Green","Blue"] });

"test.php" へのリクエストとリクエスト結果のアラート表示:

$.get("test.php", function(data){
  alert("Data: " + data);
});

構文

$.get(URL,data,function(data,status,xhr),dataType)

パラメータ 説明
URL 必須。リクエストを送信したい URL を指定する
data 任意。リクエストと一緒にサーバに送信するデータを指定
function(data,status,xhr) 任意。リクエストが成功した場合に実行する関数を指定する
追加パラメータ:
  • data - リクエストの結果のデータが含まれる
  • status - リクエストのステータスが含まれる("success"、"notmodified"、"error"、"timeout"、"parsererror")
  • xhr - XMLHttpRequest オブジェクトを含まれる
dataType 任意。サーバからの応答で期待するデータ・タイプを指定する。
デフォルトは、jQuery が自動的に推測する。
指定可能なタイプ:
  • "xml" - XML 文書
  • "html" - プレーンテキストとしての HTML
  • "text" - プレーンテキスト文字列g
  • "script" - JavaScript としてレスポンスを実行し、プレーンテキストとして返す
  • "json" - JSONとしてレスポンスを実行し、JavaScriptオブジェクトを返す
  • "jsonp" - JSONPを使用してJSONブロックにロードする。コールバックを指定するため、URL へ "?callback=?" が追加される

❮ jQuery AJAX メソッド