apiCloud實現載入更多效果,基本完美

2022-01-30 19:23:39 字數 1387 閱讀 8607

$page = $this->_request('page','trim','1');

$pagesize = 10; // 預設獲取10條

select * from sh_category limit 20;

select * from sh_category limit 0,10; // 第一頁

select * from sh_category limit 10,10;// 第二頁

程式處理

$goods = $this->where($where)->limit(($page-1)*$num,$num)->order($order)->select();
第一頁,就是從0,10。第二頁,就是10,10。

$this->outdata['status'] = '1';

$this->outdata['msg'] = '獲取成功';

$this->outdata['info']['goods'] = $goods;

$this->outdata['info']['page'] = $page;

$this->outdata['info']['category_id'] = $category_id;

if (count($next_page_goods) > 0) else

這裡有個ajaxgetmore方法。處理載入更多資料。

1)預設的ajax獲取第一頁資料js
// 獲取分類商品資訊

api.ajax(

}}, function(json, err) else );

}});

2)ajaxgetmore獲取更多js
// 獲取更多

function ajaxgetmore(category_id,page)

}}, function(json, err) else );

}});

}

核心就在這裡

var base_area = $api.byid('base_area'); 

var goods_data= $api.byid('goods_data');

html,描述:獲取或設定dom元素的innerhtml。

基本完美~

apiCloud實現載入更多效果,基本完美

page this request page trim 1 pagesize 10 預設獲取10條 select from sh category limit 20 select from sh category limit 0,10 第一頁 select from sh category limi...

apiCloud實現載入更多效果,基本完美

page this request page trim 1 pagesize 10 預設獲取10條 select from sh category limit 20 select from sh category limit 0,10 第一頁 select from sh category limi...

Vant 實現 上拉載入更多

v model loading finished finished immediate check false finished text 沒有更多了 load onload offset 10 itemlist換成你自己的資料 for item in itemlist key item.id va...