2019.02.17

jQuery APIリファレンス .ajaxStart()

説明

最初のAjaxリクエストが開始されたときに呼び出されるハンドラを登録します。これはAjaxEventです。
サンプルでは$(document)へハンドラを登録していますが、本来の使い方ではないです。.ajax()と組み合わせて使うことがほとんどです。

jQueryはAjaxリクエストを送信しようとするたびに、他のAjaxリクエストが進行中かどうかをチェックします。進行中のものがない場合、ajaxStartイベントを発火します。.ajaxStart()メソッドで登録されたすべてのハンドラがこの時点で実行されます。

シグネチャ

.ajaxStart( handler )

追加version 1.0

引数:型 handler:Function()

追加version	1.0
引数:型	handler:Function()

サンプル1

Ajaxリクエストが開始されるたびにローディングメッセージを表示します。

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<div class="trigger">Trigger</div>
<div class="result"></div>
<div id="loading" style="display:none;">now loading...</div>
 
<script>
$( document ).ajaxStart(function() {
  $( "#loading" ).show();
});

$( ".trigger" ).click(function() {
  $( ".result" ).load( "ajax/test.html" );
});
</script>
 
</body>
</html>