手机列表的下滑
//js
$("#mescroll").scroll(function () { var c = $("#mescroll").scrollTop();//滚动 var h = $("#progress1").height();//容器高度
var wh = $(window).height();//高度
if ((wh + c) >= h) {//滑动距离加屏幕大小大于容器高度 maxpage = sessionStorage['maxpage']; if (page < maxpage) { page++;//页码加一 Getzjtj(page);//调用后台 } else { $("#more").show(); return false; } } });
function Getzjtj(page) { loadings($('#loadingToast'), true); let datas = { "page": page, "rows": pagesize }; let appHtml = ''; plugin.getHttp('GetZJJson', datas, res => { loadings($('#loadingToast'), false); if (res.Success == 1) { let data = res.Data.rows; if (data.length > 0) { data.forEach(function (item, index) { appHtml += taskHtml(item);//参数加载 }) } $("#progress1").append(appHtml);//容器 if (data.length > 0) { var maxpage = Math.ceil(res.total); sessionStorage['maxpage'] = maxpage; } else { $("#more").show(); } }; }, res => { console.log("获取error:" + JSON.stringify(res)) }); }
后端接口
[WebMethod] public void GetZJJson(int page, int rows) { JSONMessageEntity msg = new JSONMessageEntity(); try { Pagination pagination = new Pagination(); pagination.page = page;//页码 pagination.rows = rows;//行数var data = new { rows = GetJson(pagination),//获取数据 total = pagination.total, page = pagination.page, records = pagination.records }; msg.Success = "1"; msg.Message = "成功"; msg.Data = data; } catch (Exception ex) { msg.Success = "0"; msg.Message = "失败:" + ex.Message; } string josn = JsonConvert.SerializeObject(msg); Response(josn); }
HTML代码
<div id="progress" class="weui-tab__panel"> <div id="mescroll" class="weui-panel mescroll"> <!--<table class="weui-form-preview__bd hand" > </table>--> <div id="progress1" class="weui-form-preview__bd hand" onclick=""> </div> <div class="weui-loadmore" id="more" style="opacity: 1;">没有更多数据了</div> </div> </div>
https://work.weixin.qq.com/api/doc/90002/90153/90466

浙公网安备 33010602011771号