js分页加载数据

<script type="text/javascript">
    $(function(){
        $.ajax({
            type: "post",
            dataType: "JSON",
            url: '',
            data:{page:page},
            success: function(data) {
                console.log(data);
                sum = data.sum;
                    console.log(data.data.length);
                    var data = data.data;
                    console.log(data);
                        var link = data[0].link;
                        var picture = data[0].picture;
                        var title = data[0].title;
                        var description = data[0].description;
                        $(".banner").find("img").attr("src",picture);
                        $(".banner_detail").html(description);
                        $("#top").attr("href",link);
            }
        });
    })
    mui.init({
        swipeBack: false,
        pullRefresh: {
            container: '#replay',
            up:{
                contentrefresh: '正在加载...',
                contentnomore:'没有更多数据了',
                callback: pullupRefresh1
            }
        }
    });
    ticai(1);
    var page = 1;
    var sum;
    function pullupRefresh1() {
        page++;
        setTimeout(function () {
            ticai(page);
            mui('#replay').pullRefresh().endPullupToRefresh((sum <= page));
        },2000)
    }

    function ticai(page){
        $.ajax({
            type: "post",
            dataType: "JSON",
            url: '',
            data:{page:page},
            success: function(data) {
                sum = data.sum;
                if (data) {
                    console.log(data.data.length);
                    var data = data.data;
                    console.log(data);
                    var str = "";
                    for(var i = 1; i < data.length; i++) {
                        var link = data[i].link;
                        var picture = data[i].picture;
                        var title = data[i].title;
                        var description = data[i].description;
                        var str = str+"<a class='content mui-col-xs-12' href='"+link+"'><div class='mui-col-xs-4 mui-pull-left'><img src='"+picture+"'></div><div class='mui-col-xs-8 mui-pull-right'><p class='tit'>【研报】"+title+"</p><div class='con'>"+description+"</div></div></a>";
                    };
                    $("#viewww").append(str);
                }
                mui('#replay').pullRefresh().endPulldownToRefresh();
            }
        });
    }
</script>
<script>
mui('body').on('tap','a',function(){window.top.location.href=this.href;});
</script>

 

posted @ 2017-07-18 09:53  TOPHP  阅读(633)  评论(0)    收藏  举报