javascript - 在 jQuery $.ajaxSetup 中获取引用的元素

Question

我正在构建一个框架，并且我想在进行 ajax 调用之前和之后单击按钮时为按钮编写一些通用函数。

我的问题是如何引用实际元素本身。

$(this)在这种情况下，我猜是指 xhr。

$.ajaxSetup({

    beforeSend : function(){
        $(this).css('cursor', 'wait');
        $(this).text('wait...');
    },

    error : function(){
        $(this).css('cursor', 'normal');
    }

});

Answer 1

我找到了另一个关于这个的问题的答案：

jquery ajax - 全局设置。是否有可能知道触发 ajax 调用的事件/元素？

此外，jQuery文档说：

注意：全局回调函数应该使用它们各自的全局 Ajax 事件处理方法来设置——.ajaxStart()、.ajaxStop()、.ajaxComplete()、.ajaxError()、.ajaxSuccess()、.ajaxSend()——而不是在内部$.ajaxSetup() 的选项对象。

我的旧答案：

您应该在要对其执行 ajax 操作的按钮上绑定一个 onclick 侦听器。在这种情况下，您可以通过以下方式访问该按钮：

$(this).addClass('a');
// ajax calls...

示例：http: //jsfiddle.net/ichr/s6EUg/2/