jquery - 有没有一些聪明的方法可以在 jQuery 中自定义 ajax 消息文本？

Question

我在这个预订引擎上有大量的 ajax 组件。我需要为每个要套件的组件自定义模式内部的文本。

我添加:

    $('#loader').bind('ajaxStart', function() {
        $(this).show().addClass('modalOpen');
    }).bind('ajaxComplete', function() {
        $(this).removeClass('modalOpen').hide()
    });

在进行单独的 .ajax 调用之前，是否有一些高级方法可以更改加载元素内部的文本？或者我只需要手动执行类似的事情

$('#loader').text('blah');
$.ajax({})

此外，这可能听起来很愚蠢，但是有没有办法让某些组件不显示加载程序？如果不是，我想我将不得不做类似的事情

$('someel').someEvent(function() {
    $('#loader').addClass('override-hide');
    $.ajax({
       success:function() {
          $('#loader').removeClass('override-hide');
       }
    })
})

#loader.override-hide { display:none !important; }

Answer 1

我会为您的两个示例使用 beforeSend 回调:

$.ajax({
   beforeSend: function() {
      $('#loader').text('Message for this call').show();
   },
   success:function() {
      $('#loader').hide();
   }
});

如果您不想显示，请省略 .show()/.hide() 或 .text() 或消息发生了变化，无论您在每种情况下想要什么。

See a full list of events here