2019.02.09

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

sudo

説明

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

シグネチャ

.ajaxComplete( handler )

追加version 1.0

引数:型 handler:Function( Event event, jqXHR jqXHR, PlainObject ajaxOptions )

追加version	1.0
引数:型	handler:Function( Event event, jqXHR jqXHR, PlainObject ajaxOptions )

サンプル1

Triggerをクリックすると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 class="log"></div>
 
<script>
$( ".trigger" ).click(function() {
  $( ".result" ).load( "ajax/test.html" );
});

$( document ).ajaxComplete(function( event, xhr, settings ) {
  if ( settings.url === "ajax/test.html" ) {
    $( ".log" ).text( "Triggered ajaxComplete handler. The result is " +
      xhr.responseText );
  }
});
</script>
 
</body>
</html>