当加载分页信息后,原来的信息保持不变,再其后异步加载更多的分页信息
//滚动时候,加载内容的方法
new loadContent({
//page:document.querySelector(".page"), //滚动的元素默认是window
maxNum:10, //加载的最大数量
bone:100, //滚动条距离底部的距离达到这一数值开始加载新内容
ajax:ss //传入的ajax的方法
})
function ss(){
getNextPage("${entitiesPage.totalPage}","${type}")
}
var pageNo=1;
function getNextPage(totalPage,type){
pageNo=pageNo*1+1;
if(pageNo>totalPage){
return;
}
var url="branchProduct_ajaxEntities.action";
var params={"pageNo":pageNo,"type":type};
$.post(url,params,function(data){
var arr=data.ajaxPage.list;
for ( var i = 0; i <arr.length; i++) {
var oLi=document.createElement("li");
var oA=document.createElement("a");
if(type==1){
oA.setAttribute("href","branchProduct_goodsDetail.action?id="+arr[i].id);
}
if(type==2){
oA.setAttribute("href","branchProduct_serviceDetail.action?id="+arr[i].id);
}
if(type==3){
oA.setAttribute("href","branchProduct_productDetail.action?id="+arr[i].id);
}
var oDiv=document.createElement("div");
oDiv.className="imgWrap";
oDiv.innerHTML="<img _src="+arr[i].product.img+" src=${pageContext.request.contextPath}/images/01.gif />";
oA.appendChild(oDiv);
var oDiv1=document.createElement("div")
oDiv1.className="notes";
oDiv1.innerHTML="<p class='goodsname'>"+arr[i].product.name+"</p><p class='price'><span>"+arr[i].product.account+"折</span>¥"+arr[i].product.price+"<em>"+arr[i].product.marketPrice+"</em></p>"
oA.appendChild(oDiv1);
oLi.appendChild(oA);
document.getElementById("ul").appendChild(oLi)
}
},"json");
获取异步的分页信息:
private Pagination ajaxPage;
public String ajaxEntities(){
BaseQuery baseQuery=new BaseQuery();
baseQuery.setPageNo(Pagination.cpn(pageNo));
baseQuery.setPageSize(pageSize);
StringBuilder params = new StringBuilder();
params.append("type="+type);
ajaxPage=busi.getBranchProductByTypePage(type,baseQuery);
return "ajaxEntities";
}