php中手机端ajax上拉加载更多,手机端 jQuery ajax下拉自动加载数据

由于项目紧张原先app的页面，比较复杂的现在都用html5代替。于是。我就上了。在写评论的模块的时候，涉及到下拉ajax加载评论数据，开始想着用什么插件之内。可是，刚好在项目中就有现成的代码。于是乎，我就拷贝过来，经过测试，可执行。

思路：

这里实现的思路是这样的，只要用户滑动到页面的最底部，我们就实行加载数据。

其实想想也是，页面都见底了，还不加载数据，非要等用户再去下拉干嘛呢。

下面是实现的代码：var loadingdelay = false;  // 此处参数是判断是否重复的请求 避免数据多加载

$(window).on("scroll", function(event) {

var h = $(document).height();

var wh = $(window).height();

if ($(window).scrollTop() >= h - wh - 100 && !loadingdelay) {

loadingdelay = true;

//发送Ajax

var page = $('#ajax').attr('data');

$.ajax({

type: "POST",

url:'/Community/chatAjax/',

cache:false,

data:{page:page},

dataType:'html',

success: function(data) {

if(data.length){

$('#ajax').append(data);

page++;

$('#ajax').attr('data',page);

loadingdelay = false;

}else{

loadingdelay = false;

return false;

}

}

});

}

});// div 结构