码迷,mamicode.com
首页 > 其他好文 > 详细

悠择商城项目之页面滚动

时间:2018-10-30 11:19:43      阅读:233      评论:0      收藏:0      [点我收藏+]

标签:方法   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请求

 

悠择商城项目之页面滚动

标签:方法   pil   var   bsp   read   商城   rip   data   cli   

原文地址:https://www.cnblogs.com/xiayuer0114/p/9875322.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!