ajaxStop()

ajaxStart()はAjaxを終了する際に実行したい関数を指定できるメソッドです。

$( document )に指定することによりjQueryで行なったAjaxが終了する際に引数に指定したコールバック関数が実行されます。

グローバルイベントとして設定される為、スクリプト内のAjaxすべてに対して実行されます。

以下のサンプルではload()が終了する際にclass属性「log」がついた要素内のテキストをtext()を利用して書き換えています。

<div class="log"></div>
<div class="trigger">Trigger</div>
<div class="result"></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$( document ).ajaxStop(function() {
	$( ".log" ).text( "Triggered ajaxStop handler." );
});
$( ".trigger" ).click(function() {
	$( ".result" ).load( "/" );
});
</script>

sample

ajaxStop()はグローバルイベントとして設定される為、スクリプト内のAjaxすべてに対して実行されます。

ajaxStart()と以下のように組み合わせればAjax中のローディング表示などが可能になります。

$( document ).ajaxStart(function() {
	$( "#loading" ).show();
}).ajaxStop(function() {
	$( "#loading" ).hide();
});

jQuery 1.0.0での追加/変更

ajaxStop()はjQuery 1.0で定義されたメソッドです。

参考URL

.ajaxStop() | jQuery API Documentation

登録日 : 2014年08月08日最終更新日 : 2014年8月8日

jQuery リファレンス

ajaxStop()

参考URL

同じカテゴリー(Ajax)のエントリー

検索

スポンサードリンク

バージョン

リファレンス