Событие ajaxSuccess

Всякий раз, когда Ajax-запрос завершается успешно, jQuery вызывает событие ajaxSuccess. В этот момент выполняются все зарегистрированные обработчики ajaxSuccess.

Чтобы наблюдать за этим методом в действии, настройте базовый Ajax-запрос на загрузку:

<div class="trigger">Trigger</div>
<div class="result"></div>
<div class="log"></div>

Присоедините обработчик событий к любому элементу:

$( document ).on( "ajaxSuccess", function() {
  $( ".log" ).text( "Triggered ajaxSuccess handler." );
} );

Теперь сделайте Ajax-запрос с помощью любого метода jQuery:

$( ".trigger" ).on( "click", function() {
  $( ".result" ).load( "ajax/test.html" );
} );

Когда пользователь нажмёт элемент с классом trigger, и Ajax-запрос завершится успешно, сообщение в логе будет отображено.

Все обработчики ajaxSuccess будут вызваны, независимо от того, какой Ajax-запрос был завершён. Если вам необходимо различать запросы, вы можете использовать параметры, передаваемые обработчику. Каждый раз, когда выполняется обработчик ajaxSuccess, ему передаются объект события, объект XMLHttpRequest и объект настроек, который использовался при создании запроса. Например, вы можете ограничить обратный вызов, чтобы он обрабатывал только события, относящиеся к определённому URL:

$( document ).on( "ajaxSuccess", function( event, xhr, settings ) {
  if ( settings.url == "ajax/test.html" ) {
    $( ".log" ).text( "Triggered ajaxSuccess handler. The Ajax response was: " +
      xhr.responseText );
  }
} );

Примечание: Вы можете получить возвращённое содержимое Ajax, обратившись к xhr.responseXML или xhr.responseText соответственно для xml и html.

• Начиная с jQuery 1.9, все обработчики глобальных Ajax-событий jQuery, включая те, что добавлены с .on( "ajaxSuccess", ... ), должны быть присоединены к document.
• Если $.ajax() или $.ajaxSetup() вызываются с параметром global установленным в false, событие ajaxSuccess не будет вызвано.