这次给大家带来ajax实现分页查询功能,ajax实现分页查询功能的注意事项有哪些,下面就是实战案例,一起来看一下。

ajax分页查询功能的具体代码,供大家参考,具体内容如下

显示的效果如下:

实现效果的代码如下:

1.fenye.php

无标题文档

.list:hover{ cursor:pointer}

#prev:hover{ cursor:pointer}

#next:hover{ cursor:pointer}

AJAX分页

名称:查询

代号 名称

//代表当前页

var page = 1;

//每页显示几条

var num = 5;

//加载数据

Load();

//加载分页列表

LoadFenYe();

//加载数据的方法

function Load()

{

var name = $("#name").val();

$.ajax({

url:"chuli.php",

data:{page:page,num:num,name:name},

type:"POST",

dataType:"JSON",

success: function(data){

var str = "";

for(var k in data)

{

str = str + "

"+data[k].code+""+data[k].nno+"";

}

$("#shuju").html(str);

}

});

}

//加载分页信息

function LoadFenYe()

{

//存储所有分页信息的代码

var s = "";

var name = $("#name").val();

//加载上一页

s = "

«";

//加载列表

var zts = 0;

$.ajax({

async:false,

data:{name:name},

type:"POST",

url:"zongtiaoshu.php",

dataType:"TEXT",

success: function(data){

zts = data;

}

});

//求总页数

var zys = Math.ceil(zts/num);

//为了防止出错

page = parseInt(page);

for( var i=page-2;i

{

if(i>0 && i<=zys)

{

if(i==page)

{

s = s+"

"+i+"";

}

else

{

s = s+"

"+i+"";

}

}

}

//加载下一页

s = s+"

»";

$("#xinxi").html(s);

//给上一页加事件

$("#prev").click(function(){

page = parseInt(page);

if(page>1)

{page--;}

//重新加载数据

Load();

//重新加载分页信息

LoadFenYe();

})

//给下一页加事件

$("#next").click(function(){

page = parseInt(page);

if(page

{page++;}

//重新加载数据

Load();

//重新加载分页信息

LoadFenYe();

})

//给列表加事件

$(".list").click(function(){

page = parseInt($(this).attr("ys"));

//重新加载数据

Load();

//重新加载分页信息

LoadFenYe();

})

}

$("#chaxun").click(function(){

//重新加载数据

Load();

//重新加载分页信息

LoadFenYe();

})

2.chuli.php<?php

$page = $_POST["page"];

$num = $_POST["num"];

$name = $_POST["name"];

require "../DBDA.class.php";

$db = new DBDA();

$tguo = ($page-1)*$num;

$sql = "select * from nation where nno like '%{$name}%' limit {$tguo},{$num}";

echo $db->jsonquery($sql);

3.zongtiaoshu.php<?php

$name = $_POST["name"];

require"../DBDA.class.php";

$db = new DBDA();

$sql ="select count(*) from nation where nno like '%{$name}%'";

echo $db->strquery($sql);

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

php ajax实现查询功能,ajax实现分页查询功能相关推荐

  1. mysql多表联查分页_sqlserver多表联合查询和多表分页查询的代码讲解

    sqlserver多表联合查询和多表分页查询的代码讲解 发布时间:2020-05-14 14:42:07 来源:亿速云 阅读:700 作者:Leah 这篇文章主要为大家详细介绍了sqlserver多表 ...

  2. mysql关联表分页查询_MySQL一对多分页查询-主表关联表条件查询问题

    文章目录 1 摘要 2 情景复现 2.1 数据模型 2.2 核心代码 2.3 测试数据 2.4 拓展一点 1 摘要 分页查询是后台项目中最常见的一种操作,在一对多(one to many)的关系表中, ...

  3. 倒序查询_mysql大表分页查询翻页优化方案

    mysql分页查询是先查询出来所有数据,然后跳过offset,取limit条记录,造成了越往后的页数,查询时间越长 一般优化思路是转换offset,让offset尽可能的小,最好能每次查询都是第一页, ...

  4. springboot controller 分页查询_Spring Boot实战分页查询附近的人: Redis+GeoHash+Lua

    您的支持是我不断创作巨大动力 CSDN博客地址(关注,点赞) 人工智能推荐 GitHub(Star,Fork,Watch) 前言 最近在做社交的业务,用户进入首页后需要查询附近的人: 项目状况:前期尝 ...

  5. php redis 分页查询,redis如何解决分页查询

    我们都知道,通过缓存查询的结果,可以极大的提升系统的服务能力,以及降低底层服务或者是数据库的压力.对于有分页条件的缓存,我们也可以按照不同的分页条件来缓存多个key. 基于SortedSet的分页查询 ...

  6. oracle分页查询sql语句通用,oracle分页查询sql语句,oracle分页查询sql语句详解

    oracle分页查询sql语句,oracle分页查询sql语句详解,Oracle分页查询sql语句 Oracle中分页和MySql中的分页不同,MySql中的分页使用关键字limit即可,相对简单一点 ...

  7. 权限管理系统6—业务功能实现—1分页查询

    1.工程规划 (1)将mango工程名改为mango-admin,pom里相关的都要改: (2)新建三个空的maven项目: •  mango-common:公共代码模块,主要放置一些工具类. •   ...

  8. Hibernate查询——HQL,包括分页查询

    hibernate查询 概述:数据查询与检索是Hibernate中的一个亮点.相对其他ORM实现而言,Hibernate提供了灵活多样的查询机制. HQL --(Hibernate Query Lan ...

  9. MySQL数据库——day26 数据库安装,卸载,概念,msq的介绍,安装,连接,DDL,DML,DQL模糊查询,字段控制(别名和运算),排序,聚合函数,分组查询(where和having),分页查询

    学到mysql的时候非常的快,感觉前面的没有很巩固,还是要复习前面的博客 常见的数据库 MySQL , Oracle , SQL Server , SQLite , DB2 , - SQL Serve ...

  10. Mybatis-plus多表关联查询,多表分页查询

    学习plus真的觉得写代码真的越来越舒服了.昨天开始接触吧,只要学会了多表关联查询.plus就能随意搭配使用了. 关于怎么搭建的就自行了去研究了哦.这里直接进入主题. 我用的是springboot+m ...

最新文章

  1. 助力企业利润快跑的下一只轮子——移动应用?【创新时代】
  2. JavaScript 之 特殊运算符
  3. ARM 内核移植中常见的错误
  4. 详解停车位检测算法 Vision-Based Parking-Slot Detection: A DCNN-Based Approach and a Large-Scale Benchmark
  5. 云联惠身份认证得多久_【转发扩散】你完成认证了吗?老来网APP也可以刷脸认证哦!...
  6. python不支持的数据类型有achar bint cfloat dlist_第1篇:Cython的数据类型(第二部分)
  7. 【专题二】应用号(小程序)开发教程首发第二弹!(0923)
  8. 【模拟信号】基于matlab调频信号产生+解调【含Matlab源码 986期】
  9. Android开发+Java基础视频教程——第一讲
  10. Windows电脑上最好的3个azw3阅读器
  11. aws 亚马逊_Amazon AWS Rekognition教程
  12. ftp上传工具 免安装,3款最好用的ftp上传工具 免安装
  13. 冰桶大作战怎么玩_开源领导者接受冰桶挑战
  14. 微信小程序下载图片预览和真机调试均无问题,发布到远程后点击下载没有任何反应
  15. Win11笔记本耗电大怎么解决?Win11耗电快怎么办?
  16. 选择性细化网络用于高性能人脸检测
  17. MacBook进水记
  18. Android手机在4G网络环境下IP的识别
  19. 及时止损,及时止损,及时止损
  20. QQ,MSN,skype,goolge TALK,雅虎通,贸易通,淘宝旺旺在线客服代码

热门文章

  1. “中国GPT-3”开放APP开发接口,百万奖金智能应用开发大赛同步启动
  2. 2021年最值得期待的数据智能赛事之一,有何解题妙招?
  3. 手把手带你掌握计算机视觉原始论文细节阅读
  4. AAAI 2020 开源论文 | 语义感知BERT(SemBERT)
  5. 推荐系统阅读清单:最近我们在读哪些论文?
  6. 顶会论文轮番炸场,本周哪些论文最值得读?
  7. HDU1878 欧拉回路
  8. HDU 1556 前缀和 树状数组 线段树
  9. Web前端中级认证php,1+x 证书 Web 前端开发中级理论考试 (试卷 6 )
  10. linux多核单进程,Linux的在多核处理器3个处理(每个进程在不同的核心上运行)之间共享存储器/ SMP...