JS 绑定数据，实现手机端下拉实现分页 手机下拉分页（MVC）

   //在界面设置一个div 将数据动态绑定到这个div里面，在界面加载的时候，调用此方法

$(function(){

　　//默认进来显示第一页，一页显示五条数据

　　GetList(1,5);

})

 

function GetList(page,size){

//将动态生成的html代码赋值给tr

　　var tr="";

      var url='';

　　ajaxHelper(url,'GET').done(function(dt){

//获取后台查询过来的数据

　　　　var data=eval(dt);

　　　　$(data).each(function(index,item){

　　　　　　　　//循环给界面赋值

　　　　　　　　tr+='<div class="tip">姓名:<span>' + item.name+ '</span></div>'+

　　　　　　　　　　<div class="tip">性别:<span>' + item.sex+ '</span></div>''+

　　　　　　　　　　'<div class="tip">电话:<span>' + item.tel+ '</span></div>'+

　　　　　　　　　　'<div class="tip">备注:<span>' + item.Remark + '</span></div>';

})

　　　　　　　　//找到界面要赋值的div，将tr的html添加进去

　　　　　　　　$('#tbody').append(tr);

　　　　　　　　//调用下拉刷新的方法

 　　　　　　　　Paging();

})}

var page=1,ssize=0;

function Paging(){
　　$(window).scroll(function(){

　　　　if($(document).scrollTop()+$(window).height()>=$(document).height){

　　　　　　page++;

　　　　　　//调用查询

　　　　　　GetList(page,ssize);

}

　　})

 

}