Автоматическая загрузка при прокрутке

Question

У меня есть этот скрипт, чтобы сделать новый вызов ajax, когда пользователь прокручивает вниз. Но как сделать это, чтобы сделать это один раз. Поскольку, если пользователь прокручивается до быстрого, это n ajax вызывает с теми же данными.

$(window).scroll(function(){ 

      whenTo=$(window).scrollTop(); 

     if(whenTo>=($(document).height()-($(window).height())-600)){ 
// make ajax call 
} 


}); 

Answer 1

Как насчет добавления в логическое значение, которое проверяет, выполнено ли это?

, например:

var hasLoaded = false; 
$(window).scroll(function(){ 

     whenTo=$(window).scrollTop(); 

     if(!hasLoaded && (whenTo>=($(document).height()-($(window).height())-600))){ 
      hasLoaded = true; 
      // make ajax call 
     } 
}); 

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

Answer 2

Я бы использовал Underscore.js и _.throttle() или _.debounce() - при условии, что вы хотите вызвать функцию повторно, или _.once(), если только один раз.