jQuery+PHP实现点击按钮加载更多，不刷新页面加载更多数据！附：可用源码+demo

先上效果：

刚打开页面的时候，只显示部分数据，点击加载更多的时候，就会加载我们预先定义的加载数量显示出来！当数据库里面的所有数据都显示出来，就提示全部加载了！

新建index.php

    
    
    
    


    
    

        

            
        
        
数据加载中，请稍后...
        
点击加载更多

    
    
    
    

上面是页面的布局，其中内嵌了php代码，这部分的代码其实就是查询数据库并输出数据库的所有数据。注意，index.php里面需要引入jQuery库，jquery.min.js自己可以去网上下载这个压缩版的。我把php代码全部用一个独立文件connect_sql.php写，然后通过

直接引入到index.php中

新建connect_sql.php

".$row[title]."";
        echo "
";
    }
?>

connect_sql.php就是简单的数据库查询并输出，但是输出的内容必须是套在

里面的。当然如果你想套在其他的标签里，那就在index.php里的js脚本里面自己改。

下面是数据库：
数据库账号，密码，地址这个根据自己的开发配置填，我的代码里面，数据库名为loadMore，表名为list
下面是结构截图：

Ok就这么多了
很简单吧！
本教程由里客云资源站提供
http://www.likeyunba.com/