jQueryラーニングチュートリアル25:jQuery-AJAX get()とpost()メソッド
jQuery get()およびpost()メソッドは、HTTP GETまたはPOSTを介してサーバからデータを要求するために使用される.
HTTP要求:GET vs.POST
クライアント側とサーバ側で要求応答を行う2つの一般的な方法は、GETとPOSTである.
GET-指定リソース要求データから
POST-指定されたリソースに処理するデータを送信する.
GETは基本的にサーバからデータを取得(取り戻す)ために用いられる.注記:GETメソッドはキャッシュデータを返す可能性があります.
POSTはまた、サーバからデータを取得するために使用されてもよい.しかし、POST方式はデータをキャッシュせず、要求とともにデータを送信するためによく用いられる.
GETとPOST、および2つの方法の違いについてもっと勉強する必要がある場合は、HTTPメソッド-GET比較POSTを参照してください.
jQuery $.get()メソッド
$.get()メソッドは、HTTP GET要求によりサーバからデータを要求する.
構文:
必要なURLパラメータは、要求するURLを規定します.
オプションのcallbackパラメータは、リクエストが成功した後に実行される関数名です.
以下の例では$を用いる.get()メソッドは、サーバ上のファイルからデータを取得します.
≪インスタンス|Instance|emdw≫
$.get()の最初のパラメータは、要求するURL(「demo_test.asp」)です.
2番目のパラメータはコールバック関数です.1番目のコールバックパラメータには要求されたページの内容が格納され、2番目のコールバックパラメータには要求された状態が格納されます.
ヒント:このASPファイル(「demo_test.asp」)は次のようになります.
HTTP要求:GET vs.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を規定します.
オプションのcallbackパラメータは、リクエストが成功した後に実行される関数名です.
以下の例では$を用いる.get()メソッドは、サーバ上のファイルからデータを取得します.
≪インスタンス|Instance|emdw≫
$(document).ready(function(){
$("button").click(function(){
$.get("/example/jquery/demo_test.asp",function(data,status){
alert(" :" + data + "
:" + status);
});
});
});
$.get()の最初のパラメータは、要求するURL(「demo_test.asp」)です.
2番目のパラメータはコールバック関数です.1番目のコールバックパラメータには要求されたページの内容が格納され、2番目のコールバックパラメータには要求された状態が格納されます.
ヒント:このASPファイル(「demo_test.asp」)は次のようになります.
jQuery $.post() 方法
$.post() 方法通过 HTTP POST 请求从服务器上请求数据。
语法:
$.post(URL,data,callback);
必要なURLパラメータは、要求するURLを規定します.
オプションのdataパラメータは、要求とともに送信されるデータを規定する.
オプションのcallbackパラメータは、リクエストが成功した後に実行される関数名です.
以下の例では$を用いる.post()要求とともにデータを送信する:
≪インスタンス|Instance|emdw≫
$(document).ready(function(){ $("button").click(function(){ $.post("/example/jquery/demo_test_post.asp", { name:"Donald Duck", city:"Duckburg" }, function(data,status){ alert(" :" + data + "
:" + status); }); }); });
$.post()の最初のパラメータは、要求するURL(「demo_test_post.asp」)です.
そして、リクエスト(nameとcity)とともにデータを送信します.
「demo_test_post.asp」のASPスクリプトは、これらのパラメータを読み込み、処理して結果を返します.
3番目のパラメータはコールバック関数です.1番目のコールバックパラメータには要求されたページの内容が格納され、2番目のパラメータには要求された状態が格納されます.
ヒント:このASPファイル(「demo_test_post.asp」)は、次のようになります.
jQuery Ajax操作関数
jQueryライブラリには完全なAjax互換スイートがあります.関数とメソッドを使用すると、ブラウザをリフレッシュせずにサーバからデータをロードできます.
関数#カンスウ#
説明
jQuery.ajax()
非同期HTTP(Ajax)リクエストを実行します.
.ajaxComplete()
Ajaxリクエストが完了すると、呼び出すハンドラが登録されます.これはAjaxイベントです.
.ajaxError()
Ajaxリクエストが完了し、エラーが発生した場合に呼び出すハンドラを登録します.これはAjaxイベントです.
.ajaxSend()
Ajaxリクエストが送信される前にメッセージが表示されます.
jQuery.ajaxSetup()
将来のAjaxリクエストのデフォルト値を設定します.
.ajaxStart()
最初のAjaxリクエストが完了すると、呼び出すハンドラが登録されます.これはAjaxイベントです.
.ajaxStop()
すべてのAjaxリクエストが完了すると、呼び出すハンドラが登録されます.これはAjaxイベントです.
.ajaxSuccess()
Ajaxリクエストが正常に完了すると、メッセージが表示されます.
jQuery.get()
HTTP GETを使用してサーバからのデータのロードを要求します.
jQuery.getJSON()
HTTP GETを使用してサーバからJSON符号化データのロードを要求する.
jQuery.getScript()
HTTP GET要求を使用してサーバからJavaScriptファイルをロードし、そのファイルを実行します.
.load()
サーバからデータをロードし、HTMLに戻って一致する要素を入れます.
jQuery.param()
配列またはオブジェクトのシーケンス表示を作成し、URLクエリー文字列またはAjaxリクエストで使用するのに適しています.
jQuery.post()
HTTP POSTを使用してサーバからのデータのロードを要求します.
.serialize()
フォームの内容を文字列にシーケンス化します.
.serializeArray()
フォーム要素をシーケンス化し、JSONデータ構造データを返します.