思路:当滚动条到达底部时,调用js方法去加载数据
代码如下:
<div style="height:1600pxborder:1px solid red">设高度模拟滚动</div>//引入js
<script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script type="text/javascript">
$(function () {
$(window).scroll(function () {
//浏览器所能看到的页面的那部分的高度
var winH = $(window).height()
var scrH = $(window).scrollTop()//滚动的高度
//获取整个页面的高度 htmH为设置的滚动到的高度位置
var htmH = $(document).height() - 100
//可见高度+滚动高度 超出 设置的高度,触发方法
if (winH + scrH >= htmH) {
//到达底部-100的高度,触发方法
alert(1)
}
})
})
</script>
$.ajax({url:'process.jsp',
type:'POST',
data:'sessionid=' sessionid,
success:function(data){
$("#yourdiv").empty().append(data)
}
})
//注:清空相应DIV并把服务器返回的数据append进去就能实现你说的更新了。