悠择商城项目之页面滚动

Posted 2021-01-16 xiayuer0114

1，实现方式一：（分页加载内容）

　　

jsp页面A

<script>
        var page=1;
        
        $(document).ready(function () {
            $(window).scroll(function () {
                var nowScrolledHeight = document.documentElement.scrollTop || document.body.scrollTop;
                var docHeight = document.body.clientHeight;
                var pageHeight = window.innerHeight;
                var go = parseInt(docHeight) - parseInt(pageHeight);
                if (nowScrolledHeight >= go) {
                    page++;
                    url=basePath+"/shop/datashuju/ProPageSpiltData.jsp";;
          　　$.ajax({　　//最好方法不要轻易改变否则页面不是规律性加一
                       url: url,
                        data: {
                            page:page,
                            pageSize:5,
                        },
                        success: function(html){
                          $("#list").append(html);
                        }
                      }); 
                      
                }
            });
        });
     </script>

jsp页面B
　　　请求到页面jsp页面B后，B页面会将整个页面响应给页面A的ajax请求