jQuery- AJAX get()およびpost()メソッド
jQueryのget()メソッドとpost()メソッドは、HTTPGETまたはPOSTリクエストでサーバーにデータをリクエストするために使用されます。
HTTPリクエスト:GETとPOST
クライアントとサーバー間の要求/応答に一般的に使用される2つの方法は、GETとPOSTです。
- GET-指定されたリソースからデータを要求します
- POST-処理するデータを指定したリソースに送信します
GETは基本的に、サーバーから一部のデータを取得(取得)するために使用されます。 注: GETメソッドは、キャッシュされたデータを返す場合があります。
POSTを使用して、サーバーからデータを取得することもできます。ただし、POSTメソッドはデータをキャッシュすることはなく、リクエストと一緒にデータを送信するためによく使用されます。
GETとPOST、および2つのメソッドの違いについて詳しくは、HTTPメソッドのGETとPOSTの章をご覧ください。
jQuery $ .get()メソッド
この$.get()
メソッドは、HTTPGETリクエストを使用してサーバーにデータをリクエストします。
構文:
$.get(URL,callback);
必須のURLパラメーターは、要求するURLを指定します。
オプションのコールバックパラメータは、リクエストが成功した場合に実行される関数の名前です。
次の例では、この$.get()
メソッドを使用してサーバー上のファイルからデータを取得します。
例
$("button").click(function(){
$.get("demo_test.asp", function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
の最初のパラメータ$.get()
は、リクエストするURL( "demo_test.asp")です。
2番目のパラメーターはコールバック関数です。最初のコールバックパラメーターは要求されたページのコンテンツを保持し、2番目のコールバックパラメーターは要求のステータスを保持します。
ヒント: ASPファイルは次のようになります( "demo_test.asp"):
<%
response.write("This is some text from an external ASP file.")
%>
jQuery $ .post()メソッド
この$.post()
メソッドは、HTTPPOSTリクエストを使用してサーバーにデータをリクエストします。
構文:
$.post(URL,data,callback);
必須のURLパラメーターは、要求するURLを指定します。
オプションのデータパラメータは、リクエストとともに送信するデータを指定します。
オプションのコールバックパラメータは、リクエストが成功した場合に実行される関数の名前です。
次の例では、この$.post()
メソッドを使用して、リクエストとともにデータを送信します。
例
$("button").click(function(){
$.post("demo_test_post.asp",
{
name: "Donald Duck",
city: "Duckburg"
},
function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
の最初のパラメータ$.post()
は、リクエストするURL( "demo_test_post.asp")です。
次に、リクエストと一緒に送信するデータ(名前と都市)を渡します。
「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 & ".")
%>
jQueryAJAXリファレンス
すべてのjQueryAJAXメソッドの完全な概要については、jQueryAJAXリファレンスにアクセスしてください。