底部点击加载更多功能的简单实现

底部点击加载更多功能的简单实现

底部点击加载更多功能的简单实现

​ 主要思路是:后台将数据按10个一页进行处理,前端请求的时候传递的分页参数就是页数。从主页选择一个类型去到列表页,会先从后端请求10条数据渲染到页面上。点击加载更多的时候,将分页参数加一,从后端请求11-20的数据,拿到后,使用数组方法concat合并到最初的十条数据后面,页面就自动渲染20条数据了。

​ 切换"加载更多"和"没有更多"是根据后台总数据长度与你已经请求到的数据的长度作比较,如果,已经请求到的数据的长度超过了后台数据长度那就显示”没有更多“,否则就还能”加载更多“
底部点击加载更多功能的简单实现
底部点击加载更多功能的简单实现