页面向下滚动ajax获取数据的实现方法(兼容手机)
$(window).scroll(function () { var scrollTop = $(this).scrollTop(); var scrollHeight = $(document).height(); var windowHeight = $(this).height(); if (scrollTop + windowHeight >= scrollHeight) { loadPromotions(); } }); var page = 1; var morAvaliable = true;//标识还有数据可以加载 function loadPromotions() { if (morAvaliable) { var href = location.href.split(\'?\')[0]; var pageSize = 5; page++; $.post(href, { pageNo: page, pageSize: pageSize } , function (data) { if (data.length) { var html = \'\'; $.each(data, function (i, list) { html += \'<div class=\"task-time\">\' + list.CreateTime + \'</div>\'; html += \'<a class=\"task-box\" href=\"\' + list.Url + \'\">\'; html += \'<h5>\' + list.Title + \'</h5>\'; }); $(\'#promotionList\').append(html); } else { morAvaliable = false; $(\'#loading\').html(\'没有更多分享信息了\'); } } ); } }
以上这篇页面向下滚动ajax获取数据的实现方法(兼容手机)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持phpstudy。
本文地址:https://www.stayed.cn/item/1718
转载请注明出处。
本站部分内容来源于网络,如侵犯到您的权益,请 联系我