jQuery ajax - ajaxStart()メソッド

AJAXリクエスト開始時に「読み込み中」のインジケータを表示:

$("div").ajaxStart(function(){});
  $(this).html("<img src='demo_wait.gif' />");
});

実際に試してみましょう

定義と用法

ajaxStart()メソッドはAJAXリクエスト送信前に関数を実行します。これはAjaxイベントです。

詳細

Ajax リクエストを送信する際に、jQueryは他のAjaxリクエストの存在を確認します。存在しない場合、jQueryはajaxStartイベントをトリガーします。その時点で、.ajaxStart()メソッドで登録された関数が実行されます。

構文

.ajaxStart(function(){});
引数 説明
function(){} AJAX リクエスト開始時に実行される関数を指定します。

AJAX リクエスト開始時に情報を表示:

$("#loading").ajaxStart(function(){});
  $(this).show();
});