php ajax实现查询功能,ajax实现分页查询功能
这次给大家带来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实现分页查询功能相关推荐
- mysql多表联查分页_sqlserver多表联合查询和多表分页查询的代码讲解
sqlserver多表联合查询和多表分页查询的代码讲解 发布时间:2020-05-14 14:42:07 来源:亿速云 阅读:700 作者:Leah 这篇文章主要为大家详细介绍了sqlserver多表 ...
- mysql关联表分页查询_MySQL一对多分页查询-主表关联表条件查询问题
文章目录 1 摘要 2 情景复现 2.1 数据模型 2.2 核心代码 2.3 测试数据 2.4 拓展一点 1 摘要 分页查询是后台项目中最常见的一种操作,在一对多(one to many)的关系表中, ...
- 倒序查询_mysql大表分页查询翻页优化方案
mysql分页查询是先查询出来所有数据,然后跳过offset,取limit条记录,造成了越往后的页数,查询时间越长 一般优化思路是转换offset,让offset尽可能的小,最好能每次查询都是第一页, ...
- springboot controller 分页查询_Spring Boot实战分页查询附近的人: Redis+GeoHash+Lua
您的支持是我不断创作巨大动力 CSDN博客地址(关注,点赞) 人工智能推荐 GitHub(Star,Fork,Watch) 前言 最近在做社交的业务,用户进入首页后需要查询附近的人: 项目状况:前期尝 ...
- php redis 分页查询,redis如何解决分页查询
我们都知道,通过缓存查询的结果,可以极大的提升系统的服务能力,以及降低底层服务或者是数据库的压力.对于有分页条件的缓存,我们也可以按照不同的分页条件来缓存多个key. 基于SortedSet的分页查询 ...
- oracle分页查询sql语句通用,oracle分页查询sql语句,oracle分页查询sql语句详解
oracle分页查询sql语句,oracle分页查询sql语句详解,Oracle分页查询sql语句 Oracle中分页和MySql中的分页不同,MySql中的分页使用关键字limit即可,相对简单一点 ...
- 权限管理系统6—业务功能实现—1分页查询
1.工程规划 (1)将mango工程名改为mango-admin,pom里相关的都要改: (2)新建三个空的maven项目: • mango-common:公共代码模块,主要放置一些工具类. • ...
- Hibernate查询——HQL,包括分页查询
hibernate查询 概述:数据查询与检索是Hibernate中的一个亮点.相对其他ORM实现而言,Hibernate提供了灵活多样的查询机制. HQL --(Hibernate Query Lan ...
- MySQL数据库——day26 数据库安装,卸载,概念,msq的介绍,安装,连接,DDL,DML,DQL模糊查询,字段控制(别名和运算),排序,聚合函数,分组查询(where和having),分页查询
学到mysql的时候非常的快,感觉前面的没有很巩固,还是要复习前面的博客 常见的数据库 MySQL , Oracle , SQL Server , SQLite , DB2 , - SQL Serve ...
- Mybatis-plus多表关联查询,多表分页查询
学习plus真的觉得写代码真的越来越舒服了.昨天开始接触吧,只要学会了多表关联查询.plus就能随意搭配使用了. 关于怎么搭建的就自行了去研究了哦.这里直接进入主题. 我用的是springboot+m ...
最新文章
- 助力企业利润快跑的下一只轮子——移动应用?【创新时代】
- JavaScript 之 特殊运算符
- ARM 内核移植中常见的错误
- 详解停车位检测算法 Vision-Based Parking-Slot Detection: A DCNN-Based Approach and a Large-Scale Benchmark
- 云联惠身份认证得多久_【转发扩散】你完成认证了吗?老来网APP也可以刷脸认证哦!...
- python不支持的数据类型有achar bint cfloat dlist_第1篇:Cython的数据类型(第二部分)
- 【专题二】应用号(小程序)开发教程首发第二弹!(0923)
- 【模拟信号】基于matlab调频信号产生+解调【含Matlab源码 986期】
- Android开发+Java基础视频教程——第一讲
- Windows电脑上最好的3个azw3阅读器
- aws 亚马逊_Amazon AWS Rekognition教程
- ftp上传工具 免安装,3款最好用的ftp上传工具 免安装
- 冰桶大作战怎么玩_开源领导者接受冰桶挑战
- 微信小程序下载图片预览和真机调试均无问题,发布到远程后点击下载没有任何反应
- Win11笔记本耗电大怎么解决?Win11耗电快怎么办?
- 选择性细化网络用于高性能人脸检测
- MacBook进水记
- Android手机在4G网络环境下IP的识别
- 及时止损,及时止损,及时止损
- QQ,MSN,skype,goolge TALK,雅虎通,贸易通,淘宝旺旺在线客服代码
热门文章
- “中国GPT-3”开放APP开发接口,百万奖金智能应用开发大赛同步启动
- 2021年最值得期待的数据智能赛事之一,有何解题妙招?
- 手把手带你掌握计算机视觉原始论文细节阅读
- AAAI 2020 开源论文 | 语义感知BERT(SemBERT)
- 推荐系统阅读清单:最近我们在读哪些论文?
- 顶会论文轮番炸场,本周哪些论文最值得读?
- HDU1878 欧拉回路
- HDU 1556 前缀和 树状数组 线段树
- Web前端中级认证php,1+x 证书 Web 前端开发中级理论考试 (试卷 6 )
- linux多核单进程,Linux的在多核处理器3个处理(每个进程在不同的核心上运行)之间共享存储器/ SMP...