juery下拉刷新,ajax请求,div加载更多元素(一)
//StringBuffer方法,div append时会用到
function StringBuffer() {
this.__strings__ = [];
};
StringBuffer.prototype.append = function(str) {
this.__strings__.push(str);
};
StringBuffer.prototype.toString = function() {
return this.__strings__.join('');
};
var i = 1;//设置当前页数 var flag=true; //滑动加载 $(function(){ var winH = $(window).height(); //页面可视区域高度 $(window).scroll(function () { var pageH = $(document.body).height(); var scrollT = $(window).scrollTop(); //滚动条top var aa = (pageH-winH-scrollT)/winH; var buffer = new StringBuffer(); if(aa<0.02&&flag){ $.ajax({ type : "POST", timeout : 3000, async : false, cache : false, data : {start : i*8,size:8}, url : "${ctx}/phone/getPrizeMore", success : function(data) { if(data.length<=0){
//下拉没有时不再请求 flag=false; } for ( var j = 0; j < data.length; j++) {
//加载的信息
buffer.append("......."); };
//div,id="przieList"
//加载到div
$("#przieList").append(buffer.toString()); } }); i++; } }); });