jQuery ajax - ajaxComplete() メソッド

AJAXリクエストが進行中に「読み込み中」というインディケータを表示します:

$("#txt").ajaxStart(function(){
  $("#wait").css("display","block");
});
$("#txt").ajaxComplete(function(){
  $("#wait").css("display","none");
});

実際に試してみましょう

定義と使用方法

ajaxComplete()メソッドはAJAXリクエストが完了したときに関数を実行します。これはAjaxイベントです。

ajaxSuccess()とは異なり、ajaxComplete()メソッドで指定された関数はリクエストが完了したときに実行されます。成功していない場合でもです。

文法

.jQueryajaxComplete(function(event,xhr,options))
パラメータ 説明
function(event,xhr,options)

必須。リクエストが完了したときに実行される関数を指定します。

追加のパラメータ:

  • event - event オブジェクトを含みます
  • xhr - XMLHttpRequest オブジェクトを含みます
  • options - AJAX リクエストで使用されるオプションを含みます

詳細な説明

XMLHttpRequest オブジェクトと設定をコールバック関数に渡します。