TECH I.S.

jQuery - AJAX get()およびpost()メソッド


jQueryのget()およびpost()メソッドは、HTTP GETまたはPOST要求でサーバーからデータを要求するために使用されます。


HTTPリクエスト:GETとPOST

クライアントとサーバー間のリクエスト/レスポンスによく使用される2つの方法は、GETとPOSTです。

  • GET- 指定されたリソースからのデータを要求します
  • POST- 処理するデータを指定されたリソースに送信します

GETは基本的に、サーバーからデータを取得(取得)するために使用されます。

注:GETメソッドは、キャッシュされたデータを返す場合があります。

POSTを使用して、サーバーからデータを取得することもできます。ただし、POSTメソッドはデータをキャッシュすることはなく、リクエストとともにデータを送信するためによく使用されます。

GETとPOSTの詳細、および2つのメソッドの違いについては、こちらをお読みください。HTTPメソッドのGETとPOSTの章を参照してください。


jQuery $.get()メソッド

この$.get()メソッドは、HTTP GETリクエストを使用してサーバーにデータを要求します。

構文:

$.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」) です。

2番目のパラメーターはコールバック関数です。最初のコールバックパラメータはリクエストされたページのコンテンツを保持し、2番目のコールバックパラメータはリクエストのステータスを保持します。

ヒント:ASPファイルは次のようになります("demo_test.asp")。

<% response.write("This is some text from an external ASP file.") %>

jQuery $.post()メソッド

この$.post()メソッドは、HTTP POSTリクエストを使用してサーバーにデータを要求します。

構文:

$.post(URL,data,callback);

必須のURLパラメータは、リクエストするURLを指定します。

オプションのdataパラメータは、リクエストとともに送信するデータを指定します。

オプションのコールバックパラメータは、リクエストが成功した場合に実行される関数の名前です。

次の例では、$.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」)です。

次に、リクエストとともに送信するデータ(名前と都市)を渡します。

「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メソッドの完全な概要については、jQuery AJAXリファレンスを参照してください。



プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう!

スクールの詳細