最简单js上拉加载更多数据（附后台代码）

1.首先需要加入滑动监听

//用来记录当前页
var index = 0;
    window.onscroll = function(){
        //变量scrollTop是滚动条滚动时，距离顶部的距离
        var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;
        //变量windowHeight是可视区的高度
        var windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
        //变量scrollHeight是滚动条的总高度
        var scrollHeight = document.documentElement.scrollHeight||document.body.scrollHeight;
        //滚动条到底部的条件
        if(scrollTop+windowHeight>=scrollHeight){
        //每次滑动到底部，当前页加10
            index = index+10;
            $.post("./admin_customer_reload.do",{index:index},function (content) {
            //向父容器里面追加子元素
                $(".add-list").append(content);
            })
        }
    }

2.后端Controller代码,注意设置produces 属性，不然会出现乱码

@RequestMapping(value="admin_customer_reload", produces = {"text/html;charset=UTF-8;", "application/json;charset=UTF-8;"})
    @ResponseBody
    public String admin_customer_reload(HttpServletRequest request) {
        StringBuffer sb = new StringBuffer();
        try {
            Map map = request.getParameterMap();
            List<Address> addressList = this.userUIService.queryAddressByFlag(map);
            for (Address address : addressList) {
                sb.append("<li>");
				//你的子元素
				//你的子元素
				//你的子元素
				sb.append("</li>");
            }
        } catch (Exception var6) {
            var6.printStackTrace();
        }
        return sb.toString();
    }

3.mybatis.xml关键代码如下

        <if test="index !=null and num !=null">
            limit #{index},#{num}
        </if>