Ajax实现无刷新分页实例代码

实现Ajax分页：

如果可以的话加上查询条件

1. 找一张表做分页

2. 分页不使用page类

3. 页面不用刷新

4. Ajax加载数据

上面是这页面：test.php

<?php
include("DBDA.class.php");
$db = new DBDA();
//把上个页面的2个值传过来
$page = $_POST["page"];//当前页
$key = $_POST["key"];//条件，关键字
$num = 20;//定义，一页里多少条数据，
$tiaoshu = ($page-1)*$num;//$tiaoshu跳过多少条($page-1)*$num现在$num是20条
//写$SQL语句
$sql = "select * from chinastates where areaname like '%{$key}%' limit {$tiaoshu},{$num}";//根据关键字查like '%{$tiaojian}%'。
echo $db->JSONQuery($sql);

上面是处理页面：chuli.php:

<?php
include("DBDA.class.php");
$db = new DBDA();
$key = $_POST["key"];
$num = 20;
$sql = "select count(*) from chinastates where areaname like '%{$key}%'";
$zts = $db->StrQuery($sql);
echo ceil($zts/$num);

上面是分页页面：fenye.php

下面就是我们的显示效果：

随着点击下一页，下面会显示5页，并且是当前页左右各两个页面，每页的显示信息条数可以自己调整。

在上方的文本框中输入关键词会显示出相关的信息。这就是我们用ajax做的分页。

以上所述是小编给大家介绍的Ajax实现无刷新分页实例代码，希望对大家有所帮助！！

相关推荐：

jQuery.Ajax()的data参数类型实例详解

怎样用jquery的ajax异步提交表单数据

ajax来自动补全表单字段示例

以上就是Ajax实现无刷新分页实例代码的详细内容，更多请关注Gxl网其它相关文章！