Как отключать кнопку на время выполнения ajax?

Question

[root09]

Как можно сделать универсально, устанавливать кнопке disabled на время выполнения ajax?

Понятно что можно сделать вот так:

$('.button').on('click', function() {
   let btn = $(this);
   btn.attr("disabled", true);
   $.ajax({
      url: '/url',
      data: {},
      success: function(results) {

      },
      complete: function() {
        btn.attr('disabled', false);
      }
    });
 })

Но как сделать по правильному, что бы я в каждом обработчике кнопки не прописывал это? Универсальный способ, что бы без дублирования кода можно было применить к любому обработчику

Answer 1

[Сергей delphinpro]

Если речь идет о jquery, то есть глобальные обработчики ajax
https://api.jquery.com/.../global-ajax-event-handlers/
Они, будучи объявленными один раз, работают на все запросы