最近项目中要跟安卓那边搞接口对接。安卓那边请求我的接口,现在的页面都是我自己用html5写的jsp页面。
首先引入已经封装好的js文件(ajaxRequest.js)。
function autoLoadMessage(){
var messagePn = document.getElementById("messagePN").value!=""?document.getElementById("messagePN").value:"${page_info.page}";
var messagePageCount = "${page_info.total}";
var ajax = new AJAXRequest();
var nextPn = (Number(messagePn)+Number(1));
ajax.async = true;//异步AJAX 同步IE6下会出现多次请求 其它IE没有测试
if(nextPn<=${page_info.allPage}){
ajax.get("${pageContext.request.contextPath}/salesmanInter/doLoadList.do?page="+nextPn+"&STORE_NAME=" + "${STORE_NAME}",
function(obj) {
if(obj.responseText){
var contianer = document.createElement("div");
contianer.innerHTML = obj.responseText;
document.getElementById("messageContent").appendChild(contianer);
document.getElementById("messagePN").value = nextPn; // 设置下一页
}
});
}
}
window.onscroll = function(){
var a = document.documentElement.clientHeight==0? document.body.clientHeight : document.documentElement.clientHeight;
var b = document.documentElement.scrollTop==0? document.body.scrollTop : document.documentElement.scrollTop;
var c = document.documentElement.scrollTop==0? document.body.scrollHeight : document.documentElement.scrollHeight;
if(a+b>=c){
autoLoadMessage();
}
}
这段代码就是当手机的页面向上滑动的时候自动加载下一页信息。messagePN这个字段要在jsp页面里写个隐藏域。${page_info.page}是当前页数,${page_info.total} 是总页数,都是我自己从后台传过来的。 当手机页面向上滑动的时候会触发这个js事件。这个事件调用到ajax.get 后面的URL。
注意事项:在页面开始的时候,你可能请求的是一个后台,后台跳转到整个jsp页面,但是,在这个ajax回调的时候最好单独再写一个后台,返回的页面是局部要刷新的页面,这个新页面只要写入你要填入的值就行
上面这段代码就是我要加载进来的,不需要重新加载之前的整个页面,这也是我建议最好重新单独写一个后台跳转到这个页面的原因。
相关推荐
html5分页插件制作手机端和网页分页列表代码 html5分页插件制作手机端和网页分页列表代码 html5分页插件制作手机端和网页分页列表代码
html前端获取后端js的数据,实现到html表格,并且实现表格分页显示,分页显示原理是要显示那一页数据就从后端获取需要显示页的数据,不会一次性获取全部数据,减小流前端的压力。后端使用js+express,读取csv文件...
分页显示数据,感觉可以,分享下~
asp.net,Datalist控件分页显示数据,绑定datatable 带有向前向后翻页
java 数据分页显示 java 数据分页显示 java 数据分页显示
从数据库查询并读取数据,再将读取到的数据分页显示到表格里
jsp分页显示数据,基本上实现了网上所有我见过的分布显示方式!发上来给大家共享一下!
jquery列表分页样式支持手机端分页滚动效果代码
这是一个android listview分页查询显示的demo,使用sqlite数据库,然后每次显示10条,上拉加载更多数据,studio项目
代码简介:jquery手机端列表分页样式是一款基于jquery实现的列表分页样式,支持手机端分页滚动效果代码。
android移动开发,分页加载数据实例,介绍了listView上拉如何加载数据。
一个非常好用的分页显示数据器(javascript编写) 支持排序电击操作,可自定义电击事件方法
Android GridView分页显示
qt分页模拟数据和分页显示
c# 读取数据库至dataGridView。实现分页显示数据。本地运行。只需更改用于连接数据库的,数据库连接字符串
spring分页显示数据信息,这是一个完整的范例!!!!
使用jquery实现数据分页显示,有内存分页也有数据库分页。
javaweb_分页显示数据库内容 javaweb_分页显示数据库内容 javaweb_分页显示数据库内容