一、思路分析
今天写程序遇到了手机端的分页问题,以前没遇到过类似问题,pc端的分页都是有几个按钮,可以自主选择分页。但是手机端的之前没遇到过,后来的解决方案是加了一个loading的gif图片,然后看完一页之后先加载loading图片,然后等到接口请求成功之后,显示接口请求的内容,把loading图标隐藏。如此反复,知道最后一页,就显示已经到底部了。
二、代码如下
var pageIndex = 1; //当前是第几页
var pageSize = 10; //每页条数
$(".infinite-scroll-preloader").hide();
var isMore = false;
getItems(pageIndex,pageSize);
//获取数据列表
function getItems(pageIndex,pageSize) {
$(".infinite-scroll-preloader").show();
if (!isMore) {
isMore = true;
$.ajax({
type: "GET",
url: "/home/notice",
data:{
"pageIndex":pageIndex,
"pageSize":pageSize
},
success: function (json) {
if(json.code=="200"){
if(json.data.list!=null&&json.data.list!=unde