最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 20:08:00
文档

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

Ajax实现无刷新分页实例代码:这篇文章主要介绍了Ajax实现无刷新分页实例代码,非常不错,具有参考借鉴价值,对ajax感兴趣的朋友可以参考下Ajax实现无刷新分页实例代码这文章实现Ajax分页:如果可以的话加上查询条件找一张表做分页分页不使用page类页面不用刷新Ajax加载数据<!do
推荐度:
导读Ajax实现无刷新分页实例代码:这篇文章主要介绍了Ajax实现无刷新分页实例代码,非常不错,具有参考借鉴价值,对ajax感兴趣的朋友可以参考下Ajax实现无刷新分页实例代码这文章实现Ajax分页:如果可以的话加上查询条件找一张表做分页分页不使用page类页面不用刷新Ajax加载数据<!do
 这篇文章主要介绍了Ajax实现无刷新分页实例代码,非常不错,具有参考借鉴价值,对ajax感兴趣的朋友可以参考下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实现无刷新分页实例代码,希望对大家有所帮助!!

文档

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

Ajax实现无刷新分页实例代码:这篇文章主要介绍了Ajax实现无刷新分页实例代码,非常不错,具有参考借鉴价值,对ajax感兴趣的朋友可以参考下Ajax实现无刷新分页实例代码这文章实现Ajax分页:如果可以的话加上查询条件找一张表做分页分页不使用page类页面不用刷新Ajax加载数据<!do
推荐度:
标签: 实现 代码 源代码
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top