본문 바로가기

Local Oriented/jQuery

jquery, 화면 맨 아래로 스크롤 될 때 다음 목록 읽어오기

원문 : http://talkerscode.com/webtricks/load-results-from-database-on-page-scroll-using-jquery-ajax-and-php.php

상기 원문에선 jquery 를 사용하면서도 다시 getElementById() 함수를 사용하기도 하네요..

그리고, append() 함수를 사용하면 되는데.. 코드는 간단할수록 이해도 쉽고 수정도 편리하다지요.


$(window).scroll(function(){

  if($(document).height() <= $(window).scrollTop() + $(window).height()){

    loadNext();

  }

});


function loadNext(){

  $.ajax({

    type: 'post',

    url: '...',

    data: '...',

    success: function(data){

      $('#...').append(data);

    }

  });

}