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; }
});