jQuery上拉加载

2019-08-09  本文已影响0人  MiSiTeWang
    var curPage = 1;
    // 请求后台数据
    $.ajax({
        url: 地址,
        dataType: 'json',
        async: true,
        type: 'post',
        data: {
            page: curPage    //参数显示页数
        },
        success: function (res) {
            console.log(res);
            //业务逻辑,渲染数据
        }
    })
    $(window).on('scroll', function () {
        /*判断当前浏览器高度,滚动条碰到时触发*/
        if ($(window).scrollTop() >= $(document).height() - $(window).height()) {
            curPage++;
            $.ajax({
                url: 地址,
                dataType: 'json',
                async: true,
                type: 'post',
                data: {
                    page: curPage    //参数显示页数
                },
                success: function (res) {
                    //逻辑数据处理
                }
            })
        }
    });
上一篇下一篇

猜你喜欢

热点阅读