jQueryのAjaxイベント

Ajaxリクエストは、サブスクライブできるさまざまなイベントを生成します。

Ajaxイベントのタイプ

Ajaxイベントには2種類のタイプがあります：

• ローカルイベント

• グローバルイベント

Ajaxのローカルイベント

AjaxのローカルイベントはAjaxリクエストオブジェクトにサブスクライブできるコールバックです。

以下のようにAjaxのローカルイベントをリスンすることができます：

$.ajax({
　　beforeSend:　function(){
　//　処理beforeSendイベント
　　},
　　error:　function(){
　//　処理エラーイベント
　　},
　　success:　function(){
　//　処理成功イベント
　　},
　　complete:　function(){
　//　処理完了イベント
　　}
});

以下の4つのAjaxローカルイベントがあります：

• beforeSend-リクエストを送信する前に実行される機能

• error -リクエストが失敗した場合に実行される関数

• success -リクエストが成功した場合に実行される機能

• complete-完了リクエストの後で実行される機能（成功およびエラー機能の後）

Ajaxのグローバルイベント

Ajaxのグローバルイベントはドキュメント上でトリガーされ、すべてのリスナー処理を呼び出します。

以下のようにAjaxのグローバルイベントをリスンすることができます：

$("button").click(function(){
　　$("#result").load("ajax_intro.txt");
});
$(document).ajaxComplete(function(event,　xhr,　options){
　　$("#done").append(options.url);
　　$("#done").append(xhr.status);
　　$("#done").append(event.type);
});

六つのAjaxグローバルイベントがあります：

• ajaxComplete() -Ajaxリクエストが完了した時に呼び出す必要のある関数を追加

• ajaxError() -Ajaxリクエストが完了し、エラーがある場合に呼び出す必要のある関数を追加

• ajaxSend() -Ajaxリクエストを送信する前に呼び出す必要のある関数を追加

• ajaxStart() -最初のAjaxリクエストが開始される前に呼び出す必要のある関数を追加

• ajaxStop() -すべてのAjaxリクエストが完了した後に、追加で呼び出す必要のある関数

• ajaxSuccess() -Ajaxリクエストが成功して完了すると、追加で呼び出す必要のある関数

jQuery AJAXリファレンス

完全なAJAXメソッドのリファレンスについては、私たちのjQuery AJAXリファレンス。