美文网首页
jQuery上拉加载

jQuery上拉加载

作者: MiSiTeWang | 来源:发表于2019-08-09 14:17 被阅读0次
        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) {
                        //逻辑数据处理
                    }
                })
            }
        });
    

    相关文章

      网友评论

          本文标题:jQuery上拉加载

          本文链接:https://www.haomeiwen.com/subject/pafhjctx.html