jQuery $. get зависает при выполнении

Question

jQuery $. get зависает при выполнении

0

У меня есть следующий скрипт, который выполняет функцию стиля с бесконечным прокруткой:

    var next_page_link = $('.wp-pagenavi a:eq(-2)').attr('href'); 

    $(window).scroll(function() {
        if ($(window).scrollTop()  > $(document).height() / 2) {
            $.get(next_page_link, function(data){
                    if ($(data).find('.wp-pagenavi a:eq(-2)').attr('href') != next_page_link) {
                        next_page_link = $(data).find('.wp-pagenavi a:eq(-2)').attr('href');
                        var content = $(data).find('#multiple_product_top_container').html();
                        $('#multiple_product_top_container').append(content);
                    }
            });                 
        }
    });

Одна из проблем, с которыми я столкнулся, заключается в том, что каждый раз, когда $.get функция $.get, браузер замерзает на 2-3 секунды или более и только размораживает, когда следующая страница полностью загружена.

Мой вопрос: возможно ли установить функцию $.get для асинхронного запуска или какой-либо другой метод, который устранит замораживание?

Кстати, я знаю, что можно использовать скрипт на стороне сервера, но я столкнулся с множеством конфликтов, и это сложнее с большим количеством синтаксического анализа.

благодаря

user2028856 31 март 2014, в 11:13

Источник

0

$ .get асинхронный, должна быть проблема с вашим обратным вызовом
Wilmer 31 март 2014, в 09:01
0

Ваш вызов на $.get ? Или нетерпеливый человек может вызвать это снова и снова?
Paul 31 март 2014, в 09:02
0

@Paul Пол "дебютировал"? Я не сталкивался с этим раньше. Можете ли вы объяснить немного, что он делает? Спасибо
user2028856 31 март 2014, в 09:03
0

Иногда оборачивая код в setTimeout(fn, 0); помогает. Это на самом деле используется во многих библиотеках JS
aurbano 31 март 2014, в 09:05
0

@Paul Кстати, я установил следующее if ($(data).find('.wp-pagenavi a:eq(-2)').attr('href') != next_page_link) { чтобы попытаться устранить любые дублирующиеся страницы, являющиеся нагруженный
user2028856 31 март 2014, в 09:06
2

Проблема, вероятно, связана со всеми AJAX-запросами, которые бомбардируют сервер, поскольку для каждой прокрутки создается новый запрос (проверьте, что я имею в виду на вкладке «Сеть» в Chrome). Добавьте условие, что новый запрос не может быть выполнен, пока старый не завершится.
eithed 31 март 2014, в 09:07
0

Допустим, есть экранная кнопка с надписью «обновить» и обработчик clickUpdate() . Обычно каждое нажатие кнопки update вызывает clickUpdate() . Если это возвращает AJAX на сервер, нетерпеливый пользователь, который нажимает несколько раз, может потреблять много ресурсов быстрыми нажатиями кнопки. Решением является ограничение скорости, иногда называемое дебасингом. Для этой цели библиотека underscoreJS предоставляет _.debounce(func, delay) . Когда деблокированная функция вызывается повторно, она будет передавать только один вызов func каждую delay мс.
Paul 31 март 2014, в 09:07
0

@eithedog Как мне установить так, чтобы новый запрос не мог произойти, пока старый не закончится?
user2028856 31 март 2014, в 09:16
0

@Paul, так что в основном debouncing немного похож на setTimeout ?
user2028856 31 март 2014, в 09:17
0

Вы уверены, что на вашей странице нет сценария, который делает что-то глупое, например $.ajaxSetup({async: false}); ? По сути, синхронизация всех вызовов AJAX приведет к блокировке браузера, пока он ожидает ответа сервера.
Anthony Grist 31 март 2014, в 09:29
0

@user2028856 user2028856 Я бы поспорил, что setTimeout используется для реализации _.debounce ()
Paul 31 март 2014, в 09:33
0

@AnthonyGrist Да, я точно уверен, что у меня нет ничего подобного. Это в значительной степени весь код в этом фрагменте.
user2028856 31 март 2014, в 09:33

Показать ещё 10 комментариев

Теги:

javascript

jquery

dom

1 ответ

Ещё вопросы

$ .get асинхронный, должна быть проблема с вашим обратным вызовом
Ваш вызов на $.get ? Или нетерпеливый человек может вызвать это снова и снова?
@Paul Пол "дебютировал"? Я не сталкивался с этим раньше. Можете ли вы объяснить немного, что он делает? Спасибо
Иногда оборачивая код в setTimeout(fn, 0); помогает. Это на самом деле используется во многих библиотеках JS
@Paul Кстати, я установил следующее if ($(data).find('.wp-pagenavi a:eq(-2)').attr('href') != next_page_link) { чтобы попытаться устранить любые дублирующиеся страницы, являющиеся нагруженный
Проблема, вероятно, связана со всеми AJAX-запросами, которые бомбардируют сервер, поскольку для каждой прокрутки создается новый запрос (проверьте, что я имею в виду на вкладке «Сеть» в Chrome). Добавьте условие, что новый запрос не может быть выполнен, пока старый не завершится.
Допустим, есть экранная кнопка с надписью «обновить» и обработчик clickUpdate() . Обычно каждое нажатие кнопки update вызывает clickUpdate() . Если это возвращает AJAX на сервер, нетерпеливый пользователь, который нажимает несколько раз, может потреблять много ресурсов быстрыми нажатиями кнопки. Решением является ограничение скорости, иногда называемое дебасингом. Для этой цели библиотека underscoreJS предоставляет _.debounce(func, delay) . Когда деблокированная функция вызывается повторно, она будет передавать только один вызов func каждую delay мс.
@eithedog Как мне установить так, чтобы новый запрос не мог произойти, пока старый не закончится?
@Paul, так что в основном debouncing немного похож на setTimeout ?
Вы уверены, что на вашей странице нет сценария, который делает что-то глупое, например $.ajaxSetup({async: false}); ? По сути, синхронизация всех вызовов AJAX приведет к блокировке браузера, пока он ожидает ответа сервера.
@user2028856 user2028856 Я бы поспорил, что setTimeout используется для реализации _.debounce ()
@AnthonyGrist Да, я точно уверен, что у меня нет ничего подобного. Это в значительной степени весь код в этом фрагменте.

eithed · Accepted Answer · 2014-03-31T06-58-00.000Z

Ответ на вопрос из комментария: How do я set it so that a new request can't happen until the old one finishes?

Вы используете семафор:

var semaphore = true;
var next_page_link = $('.wp-pagenavi a:eq(-2)').attr('href'); 

$(window).scroll(function() {
    if ($(window).scrollTop()  > $(document).height() / 2 && semaphore) {
        semaphore = false;
        $.get(next_page_link, function(data){
            semaphore = true;
                if ($(data).find('.wp-pagenavi a:eq(-2)').attr('href') != next_page_link) {
                    next_page_link = $(data).find('.wp-pagenavi a:eq(-2)').attr('href');
                    var content = $(data).find('#multiple_product_top_container').html();
                    $('#multiple_product_top_container').append(content);
                }
        });                 
    }
});

Было бы неплохо добавить условие, чтобы новые запросы не возникали, когда вы уже получили все возможное для извлечения.

Это действительно отличная идея, работает отлично! Большое спасибо! : D