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リファレンスにアクセスしてください。