首页 > 其他 > 详细

悠择商城项目之页面滚动

时间:2018-10-30 10:48:12      阅读:162      评论:0      收藏:0      [点我收藏+]

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

 

悠择商城项目之页面滚动

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!