Ajax分页核心的功能问题

所谓分页实际就是操作数据库，通过数据库返回来的数据来进行分页，而Ajax的作用就是实现无刷新分页而已，

凡是只要跟Ajax扯上关系就是无刷新。

我们先来看一下最终效果（简单写了一下， 不好不要见怪）

点一下下一页的按钮

每次显示3行记录

而在数据库中我们最常用的查询语句就是

select  你要查询的内容 from 表名limit 偏移量，显示行数

如果不懂得话，我下面还会解释

数据库准备

首先先看代码：这里我们还是使用一个封装的js，

只是进行简单的封装，用的时候我们只要导入就可以了，像这样<scrpit src='xxxx.js'></scrpit>这样就可以了

最重要的我们是看一下访问者的代码

被访问者的代码

不理解的地方我已经在代码上写出了来了

这里最主要的就是如何实现每页显示几个，具体思路是，我们在html中用get方法或者post方法发送一个页码数，然后再根据这个页码数来和你想要显示的数据寻找规律，这个算法不是死的，我这里是每页显示三个，如果是四个、五个，公式就不应该这样写了。

注意：这个代码只是用加减法来实现上下页的翻转，比如初始是第一页，你要点上一页他是不会动的，所以你可以做容错处理，比如加上个if ... else...等等，还有一个问题是自经过多次试验得知，比如你在在第一页，点了两次下一页就会跳到了第三页，然后你刷新一下，就会发现，他又跳回了第1页，这时是因为我们并没有把页数存到缓存里，这时我们可以这样处理

我这里用的时localStorage，也可以用cokie或者别的，具体区别大家可以上网搜索一下，这里不做解释

而他们存在的位置是在开发者工具中（进入浏览器按F12就会看见）

本点介绍结束。