xandeadx.ru Блог музицирующего веб-девелопера

Drupal → Как выполнить свой js-код до или после ajax запроса

Опубликовано в

Для всех ajax запросов:

var originalBeforeSendCallback = Drupal.ajax.prototype.beforeSend;
Drupal.ajax.prototype.beforeSend = function(xmlhttprequest, options) {
  console.log('before send');
  originalBeforeSendCallback.apply(this, arguments);
}
 
var originalSuccessCallback = Drupal.ajax.prototype.success;
Drupal.ajax.prototype.success = function(response, status) {
  console.log('after send');
  originalSuccessCallback.apply(this, arguments);
}

Для определённого элемента если известен его id, на который уже навешен ajax обработчик:

var originalBeforeSendCallback = Drupal.ajax['id-элемента'].beforeSend;
Drupal.ajax['id-элемента'].beforeSend = function (xmlhttprequest, options) {
  console.log('before send');
  originalBeforeSendCallback.apply(this, arguments);
};
 
var originalSuccessCallback = Drupal.ajax['id-элемента'].success;
Drupal.ajax['id-элемента'].success = function (response, status) {
  console.log('after send');
  originalSuccessCallback.apply(this, arguments);
};

Для определённого элемента, если самостоятельно навешиваете ajax обработчик:

Drupal.ajax[...] = new Drupal.ajax(..., this, {
  ...
  beforeSend: function (xmlhttprequest, options) {
    console.log('before send');
    Drupal.ajax.prototype.beforeSend.apply(this, arguments);
  },
  success: function (response, status) {
    console.log('after send');
    Drupal.ajax.prototype.success.apply(this, arguments);
  },
});

Или можно с помощью jQuery в обход друпала.

Написанное актуально для Drupal 7
Похожие записи

Оставить комментарий

Содержимое этого поля является приватным и не будет отображаться публично. Если у вас есть аккаунт в Gravatar, привязанный к этому e-mail адресу, то он будет использован для отображения аватара.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступные HTML теги: <a> <i> <b> <strong> <code> <ul> <ol> <li> <blockquote> <em> <s>
  • Строки и параграфы переносятся автоматически.
  • Подсветка кода осуществляется с помощью тегов: <code>, <css>, <html>, <ini>, <javascript>, <sql>, <php>. Поддерживаемые стили выделения кода: <foo>, [foo].

Подробнее о форматировании