Отследить изменение блока <div>

272

11 августа 2017, 01:17

На сайте вывод результатов поиска — постраничный. При этом переход к другой странице происходит «прозрачно», без перезагрузки страницы целиком — меняется лишь содержимое определённого блока <div>.

Мне нужно вызывать alert('Changed!') каждый раз, как я перехожу к новой странице c результатами поиска.

Щелчок по номеру страницы
Результаты поиска загружаются фоново
Перед самым отображением происходит вызов alert('Changed!')
Страница отобразилась на экране
GOTO 1

Answer 1

Если именно после завершения запроса и до вывода данных, то я вижу пока два варианта:

Вписать ваш alert перед кодом, который выводит данные на страницу (Ваш К.О.)
В jQuery, в методе $.ajax(), есть функция dataFilter, которая вызывается в момент получения данных в ответе с сервера и до вызова success.
```
$.ajax({
    /*
    Other settings
    */
    dataFilter: function() {
        console.log('dataFilter');
    },
    success: function() {
        console.log('success');
    }
});
```

MutationObserver, метод complete в $.ajax() и т.д. - для вашей задачи вряд ли подойдут.

P.S. Вы конечно же почитаете документацию, но не забудьте, что метод dataFilter предназначен для кастомной обработки "сырых" данных и должен их возвращать (пример в песочнице).

$.ajax({
    /*
    Other settings
    */
    dataFilter: function(data, type) {
        // some code
        return data; // necessarily!
    },
    success: function(data) {
        // output
    }
});