异步分页加载

当加载分页信息后,原来的信息保持不变,再其后异步加载更多的分页信息

//滚动时候,加载内容的方法
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";
	}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值