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

❮ 前章へ 次章へ ❯

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


HTTP リクエスト: GET vs. POST

クライアントとサーバ間での要求と応答のために使用される 2 つの一般的メソッドは、GET と POST です。

GET は、基本的に、サーバからデータを取得(受信)するために使用します。 注: GET メソッドは、キャッシュ・データを返すことがあります。

POST は、サーバからデータを取得するためにも使用することがでます。 しかし、POST メソッドは決してデータをキャッシュしません。多くの場合、リクエストと共にデータを送信するために使用します。

GET と POST、および両メソッドの違いについては、 HTTP Methods GET vs POSTの章をご覧ください。


jQuery $.get() メソッド

$.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.")
%>

jQuery $.post() メソッド

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


❮ 前章へ 次章へ ❯