javascript - Ajax 呼び出しで「進行中」のカーソルが表示されるようにすることはできますか?

Question

次のコードがあります。

    $("header")
    .on({
        ajaxStart: function () {
            $(this).addClass("ajax-loading");
        },
        ajaxStop: function () {
            $(this).removeClass("ajax-loading");
        }
    });

これを変更して、Ajax 呼び出しが開始されるとすぐに、アクションが進行中であることを示す形にカーソルが変化し、呼び出しが停止した後にカーソルがデフォルトに戻るようにする方法はありますか?

Answer 1

試す;

$("header")
    .on({
        ajaxStart: function () {
            $(this).css( 'cursor', 'progress' );
        },
        ajaxStop: function () {
            $(this).css( 'cursor', 'default' );
        }
    });

ヘッダー上のビジーアニメーションにカーソルを合わせます。あなたは試すことができます

$("header")
    .on({
        ajaxStart: function () {
            $('body').css( 'cursor', 'progress' );
        },
        ajaxStop: function () {
            $('body').css( 'cursor', 'default' );
        }
    });

全身の忙しいアニメーションにカーソルを合わせます。

Answer 2

beforeSend次のパラメーターを使用できます。

$.ajax({
  beforeSend: function() { //function to do whatever you want to do; }
});