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

先上效果:

jQuery+PHP实现点击按钮加载更多,不刷新页面加载更多数据!附:可用源码+demo_第1张图片

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

新建index.php





    
    
    jQuery+php实现点击按钮加载更多
    


    
    
    数据加载中,请稍后...

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

直接引入到index.php中

新建connect_sql.php

".$row[title]."";
        echo "
"; } ?>
下面是数据库:
数据库账号,密码,地址这个根据自己的开发配置填,我的代码里面,数据库名为loadMore,表名为list

下面是结构截图:

jQuery+PHP实现点击按钮加载更多,不刷新页面加载更多数据!附:可用源码+demo_第2张图片

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


你可能感兴趣的:(前端,PHP,加载更多,懒加载,ajax加载)