Jquery+php+mysql实现上拉加载更多，后端CI，超详细，有示例（其实就是ajax无刷新分页）

最新推荐文章于 2021-08-05 19:59:13 发布

原创

最新推荐文章于 2021-08-05 19:59:13 发布 · 4.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #php #CI #上拉加载更多 #ajax

本文通过Jquery、PHP CI框架和MySQL数据库详细讲解如何实现上拉加载更多的功能，利用Ajax实现页面无刷新分页。关键在于理解和运用Ajax请求及响应处理，适合初学者学习。

来吧，今天不玩虚拟机了，改代码了，今天在公司做了个小东西挺有意思，上拉加载更多，用ajax实现的，不复杂，关键的一两个点想明白了就通了。不多说了，这会还在公司呢.......快快上代码：

前端代码：

/*
*** @author By Shiva
***   Created 
*/
/*需要jquery支持哦*/
<script type="text/javascript">
	//Let's Go
	$(function(){
            /*起始页数，每页显示数据已经在后台写死*/
            var curPage = 1;
            /*需要查询的数据类型，比如是新闻，还是公告，呵呵*/      
            var newsType = 1;         
            $(window).on('scroll',function(){
			/*判断当前浏览器高度，滚动条碰到时触发*/
	           if($(window).scrollTop()>=$(document).height()-$(window).height()){
                /*当前选中的链接会有一个class样式，根据这个来抓取当前的type值*/
	        var cid = $(".cur").attr("type"); 
                /*如果ajax没有请求到数据直接return*/                                       
                if($(".loading").length) return;    
                    /*每触发一次就给当前页数加 1*/