Event когда чужой ajax завершил работу, jQuery?

Question

[Евгений Федоров]

Подскажите пожалуйста идею, как можно узнать, когда чужой ajax завершил работу и добавил контент на сайт. 2 часа поиска в интернете без результата, перепробовал все events. Пример:

Мой userscript или скрипт работающий с iframe, биндит #contentна на append.



Чужой скрипт по нажатию мною клавиши, отправляет запрос и append-дит контент в тег #content.

Проверять наличие селектора в цикле с таймером устаревшая идея.

Comments

[demimurych]

Не очень понял проблемы. Почему нельзя использовать?

$( document ).ajaxComplete(function( event, xhr, settings ) {
  if ( settings.url === "ajax/test.html" ) {
    $( ".log" ).text( "Triggered ajaxComplete handler. The result is " +
      xhr.responseHTML );
  }
});

[Евгений Федоров]

Нету доступа к .ajaxComplete. Чужая функция.

Answer 1

[spmbt]

onreadystatechange (только он может не во всех браузерах работать), не тот, который имеет отношение к аяксу, а этот: www.developphp.com/view_lesson.php?v=867

developer.mozilla.org/en-US/docs/Web/Reference/Events/readystatechange

Comments

[Евгений Федоров]

Спасибо большое!

Answer 2

[delletenebre]

Вам, скорее всего, нужен MutationObserver (события браузера при изменении DOM). Например CornerJS.

Answer 3

[Mikhail]

Можно попробовать повешать jquery метод ajaxStop() на страницу, если конечно "чужой скрипт" не отправляет AJAX запрос с глобальной опцией false.

$.ajax({
    ...
    global: false,     // this makes sure ajaxStart is not triggered
    ...
});

т.е. вешаем на DOM элемент функцию вида

$('<dom element>').ajaxStop(function() {
    //AJAX запрос завершился
    //Здесь тело вашей функции
});

Подробней почитать можно тут.