jQuery get() と post() メソッドは、HTTP GET または POST リクエスト用いて、 サーバからデータを要求するために使用します。
クライアントとサーバ間での要求と応答のために使用される 2 つの一般的メソッドは、GET と POST です。
GET は、基本的に、サーバからデータを取得(受信)するために使用します。 注: GET メソッドは、キャッシュ・データを返すことがあります。
POST は、サーバからデータを取得するためにも使用することがでます。 しかし、POST メソッドは決してデータをキャッシュしません。多くの場合、リクエストと共にデータを送信するために使用します。
GET と POST、および両メソッドの違いについては、 HTTP Methods GET vs POSTの章をご覧ください。
$.get() メソッドは、HTTP GET request を使用しサーバへデータを要求します。
構文:
$.get(URL,callback);
必須の URL パラメータは、リクエストしたい URL を指定します。
オプションの callback パラメータは、リクエストが成功したときに実行する関数名です。
次の例は、サーバのファイルからデータを取り出すのに $.get() メソッドを使用します:
$("button").click(function(){
$.get("demo_test.html", function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
Try it Yourself »
$.get() の最初のパラメータは、リクエストしたい URL を指定します("demo_test.html")。
2 番目のパラメータは、コールバック関数です。 最初のコールバックパラメータは、リクエストしたページのコンテンツを保持しており、 2 番目のコールバックパラメータは、リクエストのステータスを保持しています。
チップ: ASP ファイルの例をここに示します ("demo_test.asp"):
<%
response.write("This is some text from an external ASP file.")
%>
$.post() メソッドは、HTTP POST request を使用しサーバへデータを要求します。
構文:
$.post(URL,data,callback);
必須の URL パラメータは、リクエストしたい URL を指定します。
オプションの data パラメータは、リクエストと一緒に送信するデータを指定します。
オプションの callback パラメータは、リクエストが完了したときに実行する関数名です。
次の例は、リクエストと一緒にデータを送信するために、$.post() メソッドを使用します:
$("button").click(function(){
$.post("demo_test_post.html",
{
name: "Donald Duck",
city: "Duckburg"
},
function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
Try it Yourself »
$.post() の最初のパラメータは、リクエストしたい URL です ("demo_test_post.asp")。
次に、リクエストと共に送信するデータを渡します(name と city)。
"demo_test_post.asp" の ASP スクリプトは、パラメータを読み込み、それを処理し、結果を返します。
3 番目のパラメータは、コールバック関数です。最初のコールバックパラメータは、 リクエストしたページのコンテンツを、2番目のコールバックパラメータは、リクエストのステータスを保持します。
チップ: ここに、ASPファイルがどのようになるのかを示します("demo_test_post.asp";):
<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
%>
すべての jQuery AJAX メソッドの完全な概要については、jQuery AJAX リファレンスをご覧ください。