본문 바로가기
웹 개발 이야기/js, jquery

[JQUERY] 무한스크롤 (ajax 이용)

by Gommin 2023. 3. 8.

// 특정 위치로 스크롤이 향할 때, get_ajax.php에서 데이터를 가져온다.

$(document).scroll(function() {
        var item_row_num = 5;
        var maxHeight = $(document).height();
        var currentScroll = $(window).scrollTop() + $(window).height();
        if (maxHeight <= currentScroll + 10) {
                item_row_num = item_row_num+3;
                $.ajax({
                        type: "GET",
                        url: "./get_ajax.php",
                        data: {
                                mode:'detail',
                                idx:'<?= $idx ?>',
                                cate:'<?= $cate ?>',
                                it_hot:'<?= $it_hot ?>',
                                item_row_num:item_row_num
                        },
                        cache: false,
                        success: function(data){
                                alert("ok");
                                $("#detail_view").html(data);
                        }
                });
        }
});

댓글