php原生上拉加载,点击加载更多(jQuery,ajax,mysql)

设计目的

一个网站的数据非常多的时候,需要分页,方便浏览,为了方便翻页,那么我们摒弃传统的点击翻页,直接往下拉,不停地自动加载数据,这样就可以方便阅读。

设计原理

通过ajax向后端接口发起翻页请求,发送页码,后端接收页码,返回json数据,前端jquery解析json并且拼接在原有的数据基础上!

代码

index.html




    
    
    
    
    
    
    jquery+ajax上拉加载更多
    


    

点击加载更多

server.php

 $pageCount) {
    echo "[{\"result\":\"没有了\"}]";
}

// 关闭数据库连接
mysql_close($con);
?>

DEMO:戳这里
作者:TANKING
学习交流微信:face6009
网站:likeyunba.com

你可能感兴趣的:(javascript,php,ajax,加载页,下拉列表)