mysql下拉刷新加载数据_下拉刷新、加载数据功能

paging nick

加载更多

getData();varm=0,n=2;//m:button点击次数 n:一次加载几条数据

$('.page-btn-nick').click(getData);functiongetData(){

$.ajax('paging.html').then(function(response){//测试url写本页面

varobj={developer:[{name:'nick'},{name:'ljy'},{name:'xzl'},{name:'jeson'},{name:'yst'},{name:'zhw'},{name:'wqq'}]}

response=obj.developer;//假设请求到的数据是obj

m++;vardata='',elm='';if(m>(response.length%n==0?response.length/n:parseInt(response.length/n))){

data=response.slice(n*(m-1));

$('.page-btn-nick').html('没有更多了');

$('.page-btn-nick').attr('disabled','disabled');

}else{

data=response.slice(n*(m-1),n*m);

}varlen=data.length;for(vari= 0;i

elm+="

"+data[i].name+"";

}

$('.show-area').append(elm);

},function(err){

console.log(err);

});

}

$(".show-area").on("touchstart",function(e) {

e.preventDefault();

startX=e.originalEvent.changedTouches[0].pageX,

startY=e.originalEvent.changedTouches[0].pageY;

});

$(".show-area").on("touchmove",function(e) {

e.preventDefault();

moveEndX=e.originalEvent.changedTouches[0].pageX,

moveEndY=e.originalEvent.changedTouches[0].pageY,

X=moveEndX-startX,

Y=moveEndY-startY;if( Math.abs(X)>Math.abs(Y)&&X> 0) {

alert("left 2 right");

}else if( Math.abs(X)>Math.abs(Y)&&X< 0) {

alert("right 2 left");

}else if( Math.abs(Y)>Math.abs(X)&&Y> 0) {

alert("top 2 bottom");

getData();

}else if( Math.abs(Y)>Math.abs(X)&&Y< 0) {

alert("bottom 2 top");

}else{

alert("just touch");

}

});

}());