悠擇商城項目之頁面滾動

標籤：方法   pil   var   bsp   read   商城   rip   data   cli   

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請求

 

悠擇商城項目之頁面滾動