前臺JSP程式碼：

<link rel="stylesheet" href="${ctx}/thisapp/css/mui.min.css" />
<script src="${ctx}/thisapp/js/mui.min.js"></script>
<script type="text/javascript">
        var isture =false;  //總共頁數
        var currPage=1; //當前頁碼
        var pagesize=10; //計數器

        function getList(){
            $.ajax({
                url:'/tpf/skel/pageAffairs?pagesize=' + pagesize + "&currentpage=" + currPage,
                type:'post',
                dataType:"json",
                timeout:1000,
                success:function(res){
                    console.log(res.list)
                    if (res.list[0] != null ){
                        $.each(res.list,function(i,value){
                             $("#refreshul").append("<li><i></i><a href='/tpf/currentaffairs/lookInfo?id="+res.list[i].id+"'>"+res.list[i].title+"</li>");
                        });
                        currPage++;
                    }else {
                        isture = true;
                    }
                }
            })
        }

        //上拉載入
        mui.init({
            pullRefresh : {
                container:pull,//待重新整理區域標識，querySelector能定位的css選擇器均可，比如：id、.class等
                up : {
                    height:10,//可選.預設50.觸發上拉載入拖動距離
                    auto:true,//可選,預設false.自動上拉載入一次
                    contentrefresh : "正在載入...",//可選，正在載入狀態時，上拉載入控制元件上顯示的標題內容
                    contentnomore:'沒有更多資料了',//可選，請求完畢若沒有更多資料時顯示的提醒內容；
                    callback :pullupRefresh //必選，重新整理函式，根據具體業務來編寫，比如通過ajax從伺服器獲取新資料；
                }
            }
        });

        function pullupRefresh(){
            setTimeout(function(){
                mui('#pull').pullRefresh().endPullupToRefresh(isture);
                getList();
            },1000)
        }
</script>

<div  id="pull" style="overflow-y: auto;height: 340px;">
        <div>
        <ul id="refreshul">
        </ul>
        </div>
    </div>
 

後臺java程式碼：

public static void pageAffairs(Integer pagesize,Integer currentpage){
        StringBuilder hql = new StringBuilder(" from CurrentAffairs where isShow = 1 order by createTime desc ");
        List<CurrentAffairs> currentAffairs = CurrentAffairs.find(hql.toString()).fetch(currentpage, pagesize);
        Long count = CountrysideTour.count(hql.toString());
        renderJSON(ConvertUtil.convertMap(count, currentpage, currentAffairs));
    }