最新のWeb開発のチュートリアル
 

jQuery - AJAX get() and post() Methods


jQueryのget()およびpost()メソッドは、HTTPを使用してサーバーからデータを要求するために使用されているGETPOSTリクエスト。


HTTP要求: GETPOST

クライアントとサーバ間の要求と応答のための2つの一般的に用いられる方法は、次のとおりです。 GETPOST

  • GET -指定されたリソースからのリクエストデータ
  • POST -指定されたリソースに加工することに提出するデータ

GET基本的には、サーバからデータを取得(取得)するために使用されます: GET方法は、キャッシュされたデータを返すことがあります。

POST 、サーバからデータを取得するために使用することができます。 しかし、 POST方法は、データをキャッシュしないでください、そしてしばしば要求と共にデータを送信するために使用されます。

詳細学習するにはGETPOST 、および2つの方法の間の違いを、読んでください私たちHTTPメソッドはGETPOST章を参照してください。


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.asp")

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を指定します。

オプションのデータパラメータは、要求に沿って送信するためにいくつかのデータを指定します。

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

次の例では、使用$.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")

その後、我々は要求(都市名)と一緒に送信するためにいくつかのデータを渡します。

ASP内のスクリプト"demo_test_post.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リファレンス