触发ajaxStart（）onLlick按钮

Question

当我点击一个带有类的按钮时，我试图触发ajaxstart（），但它不起作用，任何反馈都会受到赞赏。

感谢。

代码：

    $('.search-btn').ajaxStart(function () {
        $('#spinner').show();
    }).ajaxComplete(function () {
        $('#spinner').hide();
    });

Answer 1

$.ajaxStart()和$.ajaxComplete()应附加到$(document)。见$.ajaxStart()

  

从jQuery 1.9开始，jQuery global Ajax events的所有处理程序（包括使用.ajaxStart()方法添加的处理程序必须   附在document。

    $(document).ajaxStart(function () {
        $("#spinner").show();
    }).ajaxComplete(function () {
        $("#spinner").hide();
    });

Answer 2

对你的例子中发生的事情感到困惑。但是我已经写出了我想要做的思考。

$('.search-btn').on('click', function () {
    $(this).ajaxStart(function(){
        $('#spinner').show();
    }).ajaxComplete(function () {
        $('#spinner').hide();
    });
});