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 查询:是一种类型安全和更面向对象的查询 . 这个接 ...

随机推荐

利用SQL语句查询一个数据库中的所有表
SQL : select * from information_schema.tables ORACLE: select table_name from user_tables ACCESS: s ...
C#的GC机制（来自网摘复制，未整理）
第一个就是很多人用.Net写程序,会谈到托管这个概念.那么.Net所指的资源托管到底是什么意思,是相对于所有资源,还是只限于某一方面资源?很多人对此不是很了解,其实.Net所指的托管只是针对内存这一个 ...
【HTML5】特性
HTML5 建立的一些规则: 新特性应该基于 HTML.CSS.DOM 以及 JavaScript. 减少对外部插件的需求(比如 Flash) 更优秀的错误处理更多取代脚本的标记 HTML5 应该独 ...
Oracle创建表空间和表
创建表空间和表ORACLE物理上是由磁盘上的以下几种文件:数据文件和控制文件和LOGFILE构成的oracle中的表就是一张存储数据的表.表空间是逻辑上的划分.方便管理的.数据表空间 (Tablesp ...
python 添加类属性
类属性必须赋值. 创建类属性类是模板,而实例则是根据类创建的对象. 绑定在一个实例上的属性不会影响其他实例,但是,类本身也是一个对象,如果在类上绑定一个属性,则所有实例都可以访问类的属性,并且,所有 ...
“无法加载一个或多个请求的类型。有关更多信息，请检索 LoaderExceptions 属性 “之解决
今天在学习插件系统设计的时候遇到一个问题:“System.Reflection.ReflectionTypeLoadException: 无法加载一个或多个请求的类型. 于是百度一下,很多内容都差不多 ...
2016.7.9 计算机网络复习要点第四章之网际控制报文协议ICMP
1.ICMP允许主机或路由器报告差错情况和提交有关异常情况的报告:为了更有效地转发IP数据报和提高交付成功的机会: 2.ICMP不是高层协议,因为ICMP报文是装在IP数据报中的,作为其中数据部分,所 ...
10688 XYM-AC之路
Description 在华农的众ACMers中,有着一位家喻户晓.人称一鸣惊人的DP神牛—XYM.由于XYM太出名了,他的仰慕者决定给XYM写一部个人传奇以传承他光辉的AC之路. 为了使故事更加真实 ...
BZOJ3103 : Palindromic Equivalence
用Manacher可以推出O(n)对相等和不等关系. 将相等的用并查集维护,不等的连边. 然后从1到n,如果该等价类还没被考虑过,则ans*=26-与它不等的考虑过的等价类个数. #include&l ...
POJ 3580 (伸展树)
题目链接: http://poj.org/problem?id=3580 题目大意:对一个序列进行以下六种操作.输出MIN操作的结果. 解题思路: 六个操作,完美诠释了伸展树有多么吊.注意,默认使用L ...

ajxa分页+多条件查询

ajxa分页+多条件查询的更多相关文章

随机推荐

热门专题