jquery - ajaxが$.postでいつ開始および終了したかを知る方法は？

Question

jqueryには、、があります.ajaxComplete()。ajaxStart()イベントが発生するため、リクエストが完了するまで読み込み中の画像を表示できます。$ .postを使用していますが、同じイベントがあるかどうか、またはボタンをクリックしてリクエストが完了するまで$.post読み込み中の画像を表示するにはどうすればよいですか？$.post

ありがとうございました...

Answer 1

ajaxStartとajaxCompleteは、ajax リクエストが行われるたびにトリガーされるグローバル ハンドラーです。つまり、ポスト リクエストを変更する必要はなく、次のコードを追加するだけです。

$('.log').ajaxStart(function () {
    $(this).append('<h1>ajax start.</h1>');
});

$(".log").ajaxComplete(function () {
    $(this).append("<h1>ajax complete.</h1>");
});

また、ローダーの表示/非表示に使用できる html:

<div class="log">      
</div>

Answer 2

$.post()には成功のコールバックがあると思います。したがって、クリックまたは ajax 呼び出しを開始したときに読み込み中の画像の表示を開始し、成功のコールバック内に非表示にします。

ajax 呼び出しと同時にオーバーレイ/スピナーの外観を起動した場合、終了後に非表示になります。

   $.post('ajax/test.html', function(data) {
      $('#spinner').hide();
   });

remove()代わりに使用することもできますhide()