手机列表的下滑



//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

posted @ 2021-04-09 14:51  整只龙虾  阅读(76)  评论(0)    收藏  举报