本文实例讲述了PHP+Ajax实现无刷新分页的方法。分享给大家供大家参考,具体如下:
注:这里使用到的一些类库在前面文章都能找到源代码,因此为了缩短文章篇幅,都指明链接所在。
本文讲解内容为:Ajax实现无刷新分页、实现原理、代码展示、代码下载。
这里需要说明一些知识:
1、Ajax无刷新页面的好处:提供良好的客户体验,通过Ajax在后台从数据库中取得数据并展示,取缔了等待加载页面而出现的空白状态;
2、那么,Ajax无刷新页面是运行在动态页面(.php)?还是静态页面(.html/.htm/.shtml)?答案是:静态页面;
3、实现原理:通过前端JS脚本程序与Ajax相结合取得从动态页面返回的数据,并显示。
好了,下面进行代码讲解:
既然,是运行在静态页面上,我们首先先创建一个静态HTML页面,index.html的代码清单如下。
index.html
-//W3C//DTDHTML4.01Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Ajax实现无刷新页面body{
font-size:12px;
}
数据加载中...