jQueryのAJAX get()とpost()メソッド

jQueryのget()とpost()メソッドは、HTTP GETまたはPOSTリクエストを通じてサーバーからデータを要求するために使用されます。

HTTPリクエスト:GET vs. POST

クライアントとサーバーの両方で通常使用されるリクエスト-応答の方法には、GETとPOSTがあります。

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

GETは基本的にサーバーからデータを取得(取得)するために使用されます。注意:GETメソッドはキャッシュデータを返す可能性があります。

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

GETとPOSTに関する知識や、二つの方法の違いについてさらに学びたい場合は、私たちの HTTPメソッド - GETとPOSTの比較

jQueryの$.get()メソッド

$.get()メソッドはHTTP GETリクエストを通じてサーバーファイルからのデータを要求します。

構文:

$.get(URL,callback);

必須の URL パラメータはリクエストしたい URL を定義します。

オプションの callback パラメータはリクエストが成功した後に実行される関数名です。

以下の例では、$.get()メソッドを使用してサーバーファイルからのデータを取得しています:

$("button").click(function(){
  $.get("demo_test.asp",function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

自分で試してみてください

$.get()の第一引数はリクエストしたいURL("demo_test.asp")です。

二番目のパラメータはコールバック関数です。一つ目のコールバックパラメータはリクエストされたページの内容を持ち、二つ目のコールバックパラメータはリクエストの状態を持ちます。

ヒント:この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 パラメータはリクエストとともに送信されるデータを定義します。

オプションの callback パラメータはリクエストが成功した後に実行される関数名です。

以下の例では、$.post() を使用してリクエストとともにデータを送信します:

$("button").click(function(){
  $.post("demo_test_post.asp",
  {
    name:"Donald Duck",
    city:"Duckburg"
  },
  function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

自分で試してみてください

$.post() の第1引数はリクエストしたい URL("demo_test_post.asp")です。

次に、リクエスト(name と city)とともにデータを送信します。

"demo_test_post.asp" 内の ASP スクリプトはこれらのパラメータを読み取り、それらを処理し、結果を返します。

第3引数はコールバック関数です。第1コールバック引数はリクエストされたページの内容を持ち、第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 リファレンスマニュアル

完全な AJAX メソッドのリファレンスが必要な場合は、以下のページを訪れてください jQuery AJAX リファレンスマニュアル