jQueryのAJAX get()とpost()メソッド
- 前のページ jQuery のロード
- 次のページ jQuery noConflict()
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 リファレンスマニュアル。
- 前のページ jQuery のロード
- 次のページ jQuery noConflict()