ajxa分页+多条件查询
Posted 向前看！明天会更好！
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ajxa分页+多条件查询相关的知识，希望对你有一定的参考价值。
<span style="font-size: 16px"><br></span><span style="font-size: 16px">主页面：<br></span>
<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>
<span style="font-size: 16px"><br></span><span style="font-size: 16px">操作日志数据库表:<br><img src="http://images2015.cnblogs.com/blog/1020591/201612/1020591-20161202214141771-899475105.png" alt=""><br><br>js:</span>
// javascript Document $(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); //var_dump($azs);
总页数处理
<?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;
以上是关于ajxa分页+多条件查询的主要内容，如果未能解决你的问题，请参考以下文章
bos 第4 (区域excel批量导入区域通用分页查询分区的添加分区多条件分页查询分区导出excel)