ajxa分页+多条件查询
操作日志数据库表:
主页面:
<script src="../fzl/jquery-1.11.2.min.js"></script>
<script src="../tanchuang/tanchuang.js"></script>
<script src="fenye.js"></script>
<title>无标题文档</title>
<style type="text/css">
*{ margin:0px auto; padding:0px}
#dh{ margin-top:50px; width:100%; text-align:center; height:30px}
.dh_1{ float:left; width:150px; margin-left:30px;}
#tb{ text-align:center;}
.qd{ line-height:30px; vertical-align:middle; font-size:20px; width:65px; height:30px; margin-top:-20px; background-color:#FF712D; border-radius:5px; box-shadow:3px 3px 3px #999}
</style>
<link href="../tanchuang/tanchuang.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="cx">商品名称:<input type="text" id="cxname" placeholder="请输入管理员用户名"/> 商品型号:<input type="text" id="cxsplx" placeholder="请输入商品详情" /><input value="清空" type="button" id="qk" /> </div>
<table id="tb" width="100%" border="1" cellpadding="0" cellspacing="0">
</table>
<div id="divz">
<span id="shang">上一页</span>
<span id="xia">下一页</span>
<span id="sp">当前第<input type="text" id="dq" value="1" />页</span>
<span id="sp1">共<span id="zys"></span>页</span>
</div>
</body>
主页面js:
$(document).ready(function(e) {
$("#dh_f5").css("box-shadow","0 2px 1px #535353");
$("#dh_f5").css("color","#0198A9");
ZYS(10);
FenYe();
qingkong();
//点击用户名称查询开始
$("#cxname").keyup(function(){
var v = $("#cxname").val();
var lx = $("#cxsplx").val();
//alert(v);
ZYS(10);
FenYe();
})
//点击用户名称查询结束
//点击商品名称查询开始
$("#cxsplx").keyup(function(){
var v = $("#cxname").val();
var lx = $("#cxsplx").val();
ZYS(10);
FenYe();
})
//点击商品名称查询开始
//跳页开始
$("#dq").keyup(function(){
var v = $("#cxname").val();
var lx = $("#cxsplx").val();
FenYe();
ZYS(10,v,lx);
})
//跳页结束
$("#shang").click(function(){
var dq = parseInt($("#dq").val());
if(dq>1)
{
$("#dq").val(dq-1);
}
else
{
$("#dq").val(1);
}
FenYe();
})
$("#xia").click(function(){
var dq = parseInt($("#dq").val());
if(dq<$("#zys").text())
{
$("#dq").val(dq+1);
}
else
{
$("#dq").val($("#zys").text());
}
FenYe();
})
});
//实现分页的方法开始,内置弹窗
function FenYe(v,lx)
{
var v = $("#cxname").val();
var lx = $("#cxsplx").val();
if(typeof(v)=="undefined")//如果找不到v,给v定义个空字符串
{
v ="";
}
if(typeof(lx)=="undefined")
{
lx ="";
}
var dq = $("#dq").val();
//显示table
$.ajax({
url:"shipinxiazai.php",
data:{page:dq,v:v,lx:lx},
type:"GET",
dataType:"TEXT",
success: function(data)
{
if(data=="")
{
$("#tb").html("<tr><td>序列号</td><td>操作人</td><td>操作内容</td><td>操作时间</td></tr>");
}
else
{
var str = "<tr><td>序列号</td><td>操作人</td><td>操作内容</td><td>操作时间</td></tr>";
var hang = data.split("|");
for(var i=0;i<hang.length;i++)
{
var lie =hang[i].split("^");
str+="<tr><td>"+lie[0]+"</td><td>"+lie[1]+"</td><td><span class ='ck' bs='"+lie[0]+"'>查看详情</span></td><td>"+lie[3]+"</td></tr>";
}
$("#tb").html(str);
//弹窗开始
$(".ck").click(function(){
var code =$(this).attr("bs");
$.ajax({
url:"tc.php",
data:{code:code},
type:"POST",
dataType:"TEXT",
success: function(data){
var str = "<div>"+data+"</div>"; //弹窗核心内容
var btn1 = "<div class='qd'>关闭</div>";
var tc = new Window({
title:"详细信息",
content:str,
buttons:btn1
});
$(".qd").click(function(){
$(".zhuti").remove(); //点击确定按钮,弹窗移除
$("#zz").remove(); //点击确定按钮,遮罩移除
})
}
});
})
//弹窗结束
}
}
});
}
//实现分页的方法结束,内置弹窗
//求总页数开始
function ZYS(n,v,lx)
{
var v = $("#cxname").val();
var lx = $("#cxsplx").val();
if(typeof(v)=="undefined")//如果找不到v,给v定义个空字符串
{
v ="";
}
if(typeof(lx)=="undefined")
{
lx ="";
}
$.ajax({
url:"spxiazai.php",
data:{list:n,v:v,lx:lx},
type:"POST",
dataType:"TEXT",
success: function(data){
$("#zys").text(data);
//判断跳页dq开始
if($("#dq").val()>data)
{
$("#dq").val(data);
var v = $("#cxname").val();
var lx = $("#cxsplx").val();
FenYe(v,lx);
}
//判断跳页dq结束
//判断dq当前页数不为0开始
if($("#dq").val()==0 || $("#dq").val() == "")
{
$("#dq").val(1);
}
//判断dq当前页数不为0结束
//判断zys总页数不为0开始
if($("#zys").text()==0 || $("#zys").text() == "")
{
$("#zys").text(1);
}
//判断zys总页数不为0结束
}
});
}
//求总页数结束
//清空 v,lx开始
function qingkong()
{
$("#qk").click(function(){
$("#cxname").val("");
$("#cxsplx").val("");
ZYS(10);
FenYe();
})
}
//清空 v,lx结束
分页处理：
<?php
include("../fzl/czy.class.php");
$db = new czy();
$v = $_GET["v"];
$lx = $_GET["lx"];
$szs = "select count(*) from caozuorizhi where uid like '%{$v}%' and nr like '%{$lx}%' ";
$azs = $db->StrQuery($szs);
include("../public/page.class.php");
$page = new Page($azs,10);
$sql = "select * from caozuorizhi where uid like '%{$v}%' and nr like '%{$lx}%' ".$page->limit;
echo $sj = $db->StrQuery($sql);
总页数处理：
<?php
include("../fzl/czy.class.php");
$db = new czy();
$v = $_POST["v"];
$lx = $_POST["lx"];
$sql ="select count(*) from caozuorizhi where uid like '%{$v}%' and nr like '%{$lx}%' ";
$sj = $db->StrQuery($sql);
$list = $_POST["list"];
$zys = 0;
if($sj%$list==0)
{
$zys = $sj/$list;
}
else
{
$zys = floor($sj/$list) +1;
}
echo $zys;
弹窗处理:
<?php
include("../fzl/czy.class.php");
$db = new czy();
$code = $_POST["code"];
$sql = "select nr from caozuorizhi where ids = '{$code}'";
echo $db->strQuery($sql);
________
ajxa分页+多条件查询的更多相关文章
- jqGrid jqGrid分页参数+条件查询
HTML <div class="row"> <div class="col-sm-20"> <form id="for ...
- 分页离线条件查询 页面响应500 后端未报异常 list集合有数据
如果 使用同一个Hibernate的DetachedCriteria离线条件查询对象同时查询“过滤后条数” 和 “过滤后的数据集合”,那么查询记录数时需要设置聚合函数条件并且 使用聚合函数 代码要在 ...
- springboot带分页的条件查询
QueryDSL简介 QueryDSL仅仅是一个通用的查询框架,专注于通过Java API构建类型安全的SQL查询. Querydsl可以通过一组通用的查询API为用户构建出适合不同类型ORM框架或者 ...
- 【JPA】Spring Data JPA 实现分页和条件查询
文章目录 1.在`Repository`层继承两个接口 2.在Service层进行查询操作 3.Page的方法 1.在Repository层继承两个接口 JpaRepository<Admin, ...
- MongoTemplate 分组分页复合条件查询
一.前言 最近项目使用MongoDB作为数据主要存取的地方 又是第一次接触MongoDB,也是踩了不少坑... 维护数据无非就是增删改查,而里面最复杂的就是查询了 所以来总结一下有关MongoDB的查 ...
- django项目中的ajax分页和条件查询。
1,路由 #主页面路由 re_path('article/article_list/', article.article_list,name='article/article_list/'), #分页 ...
- spring JPA分页排序条件查询
@RequestMapping("/listByPage") public Page<Production> listByPage(int page, int size ...
- 动态多条件查询分页以及排序(一)--MVC与Entity Framework版url分页版
一.前言 多条件查询分页以及排序 每个系统里都会有这个的代码 做好这块 可以大大提高开发效率 所以博主分享下自己的6个版本的 多条件查询分页以及排序 二.目前状况 不论是ado.net 还是EF ...
- jpa多条件查询重写Specification的toPredicate方法(转)
Spring Data JPA支持JPA2.0的Criteria查询,相应的接口是JpaSpecificationExecutor.Criteria 查询:是一种类型安全和更面向对象的查询 . 这个接 ...
随机推荐
- MATLAB信号与系统分析（二）——离散时间信号与系统的时域分析
一.离散信号的表示 1.一个离散信号需要用两个向量来表示: (1)离散信号的幅值 (2)离散信号的位置信息 2.用MATLAB实现离散信号的可视化 (1)不能利用符号运算来表示 (2)绘制离散信号一般 ...
- SQL Server SA 密码丢失无法连接数据库怎么办？
如果Windows账户无法连接并且SA密码也丢失了,那么如何可以连接到数据库呢? 答案是: 在单用户模式下启动SQL Server然后用本地管理员权限连接.登陆之后就可以修改SA密码了. 步骤: 1. ...
- SQL2008的数据更新跟踪测试 (监控数据表变化，可用于同步)
POC过程如下: 这里我们建立一个测试环境,模拟数据在 Insert , Update 和 Delete 情况下的跟踪效果.1 .测试脚本的准备,下面脚本建立一个新的数据库环境,并作相应的跟踪配置后向 ...
- Java中单元测试中：@BeforeClass，@Before，@Test，@After，@AfterClass中的问题详解
在Junit4中还有的测试注解有: @BeforeClass ,@Before,@Test,@After,@AfterClass 1.其中:@BeforeClass,@AfterClass是Juni ...
- 【转】apache kafka技术分享系列(目录索引)
转自: http://blog.csdn.net/lizhitao/article/details/39499283 估计大神会不定期更新,所以还是访问这个链接看最新的目录list比较好 apa ...
- BZOJ2690 : 字符串游戏
离线算法: 先将所有涉及到的串建成字典树,然后用线段树维护dfs序,时间复杂度$O(m\log L)$. 在线算法: 用替罪羊树动态维护Trie树的dfs序即可,时间复杂度$O(L\log L)$. ...
- 【BZOJ】1452: [JSOI2009]Count
http://www.lydsy.com/JudgeOnline/problem.php?id=1452 题意:n×m的矩阵上每个点有个颜色,现在有q个操作:1 x y c 将点(x,y)的颜色改为c ...
- NOIP201103瑞士轮
试题描述 [背景]在双人对决的竞技性比赛,如乒乓球.羽毛球.国际象棋中,最常见的赛制是淘汰赛和循环赛.前者的特点是比赛场数少,每场都紧张刺激,但偶然性较高.后者的特点是较为公平,偶然性较低,但比赛过程 ...
- OI优化开关
#pragma comment(linker,"/STACK:10240000,10240000")#pragma GCC optimize ("O2")
- linux下安装uuid库
1.linux 下安装UUID库 1.1)ubuntu下安装uuid链接库 sudo apt-get install uuid-dev 1.2)CentOS yum install libuuid-d ...