• 使用ajax分页


    前台页面:

                        <table class="table table-hover">
                          <thead>
                            <tr>
                              <th class='hidden-xs'>代号</th>
                              <th>用户名</th>
                              <th class='hidden-xs'>产品代号</th>
                              <th class='hidden-xs'>观看类型</th>
                              <th class='hidden-xs'>审核状态</th>
                              <th>操作</th>
                            </tr>
                          </thead>
                          <tbody id="zy_bg">
                           
                          </tbody>
                        </table>
                        <!--表格结束-->
                        <!--分页开始-->
                        <center>
                        <ul class="pagination" id="fy_list">
                        </ul>
                        <input type="hidden" value="1" id="fy_n" />//显示的页数
                        </center>
                        <!--分页结束-->
                	
                    </div>
                </div>
            
            </div>
        </div>
      </div>
    </div>
    <!--内容结束-->
    <script type="text/javascript"> 
     $(document).ready(function(e) {
    	 //获取分页
    	JiaZai();
    	var zys = 0;//设初始总页数为0
    	//页面加载数据
    	 function JiaZai()//做一个加载的方法
    	{		
    		var n = $("#fy_n").val();
               $.ajax({
    				url:"chuli/chakan.php",
    				data:{n:n},
    				type:"POST",
    				dataType:"JSON",
    				success: function(data){
    						var str ="";
    						for(var i in data)
    						{
    						  str = str+"<tr><th>"+data[i].code+"</th><th>"+data[i].bname+"</th><th>"+data[i].pdcode+"</th><th>"+data[i].lxcode+"</th><th>"+data[i].auditing+"</th><th>删除</th></tr>";
    							
    						}
    						$("#zy_bg").html(str);
    						
    						
    			 	   }
    			  });
    	
    			  //获取分页数(列表)
    		
    		$.ajax({
    				url:"chuli/zyxchuli.php",
    				dataType:"TEXT",
    					success: function(data){
    						//总页数
    						var ys = Math.ceil(data/6);//向上取整页数 
    						zys = ys;
    						
    						var s = "<li><a id='fy_shang'>上一页</a></li>";
    						var dangqian = $("#fy_n").val(); //当前页数
    						for(var i=dangqian-2;i<=dangqian+2;i++)//显示的五条页数
    						{
    							if(i>0 && i<=ys)
    							{
    							if(dangqian==i)
    							{
    							s+="<li class='active'><a class='fy_zhong'>"+i+"</a></li>";
    							}
    							else
    							{
    								s+="<li><a class='fy_zhong'>"+i+"</a></li>"
    							}
    							}
    						}
    						s += "<li><a id='fy_xia'>下一页</a></li>";
    						$("#fy_list").html(s);
    						
                       		//给分页列表加事件
    						JiaShiJian();
    					}
    				})
    	 }
    	//给分页列表加事件的方法
    	function JiaShiJian()
    	{
    		$("#fy_shang").click(function(){			
    				var n = $("#fy_n").val(); 
    				
    				if(n>1)
    				{
    					n--;
    				}
    				else
    				{
    					n=1;
    				}
    				$("#fy_n").val(n);
    				
    				//加载数据
    				JiaZai();
    			})
    		$("#fy_xia").click(function(){
    				var n = $("#fy_n").val(); 
    				
    				if(n<zys)
    				{
    					n++;
    				}
    				else
    				{
    					n=zys;
    				}
    				$("#fy_n").val(n);
    				
    				//加载数据
    				JiaZai();
    			})
    		$(".fy_zhong").click(function(){//点击页数跳转到当前页
    var n = $(this).text(); $("#fy_n").val(n); //加载数据 JiaZai(); }) } }); </script>

      后台处理页面 需要引用一个封装查询的方法,后台处理页面(chakan.php):

    <?php
    session_start();
    include("../DBDA.class.php");
    $db = new DBDA();
    $uid = $_SESSION["uid"];
    $n = $_POST["n"];
    //echo $n;
    $tg = ($n-1)*6;
    $sql = "select * from buy where bname='{$uid}'  limit {$tg},6";//查询有关用户名的数据,limit {$tg},6 是跳过n条数据查6条数据
    echo json_encode($db->GuanQuery($sql),1);

      后台处理页面(zyxchuli.php):

    <?php
    session_start();
    $uid = $_SESSION["uid"];
    include("../DBDA.class.php");
    $db = new DBDA();
    $sqlsj = "select count(*) from buy where bname='{$uid}'";//查询有关用户名的数据总数量
    echo $db->StrQuery($sqlsj,1);
    

      

  • 相关阅读:
    IO 单个文件的多线程拷贝
    day30 进程 同步 异步 阻塞 非阻塞 并发 并行 创建进程 守护进程 僵尸进程与孤儿进程 互斥锁
    day31 进程间通讯,线程
    d29天 上传电影练习 UDP使用 ScketServer模块
    d28 scoket套接字 struct模块
    d27网络编程
    d24 反射,元类
    d23 多态,oop中常用的内置函数 类中常用内置函数
    d22 封装 property装饰器 接口 抽象类 鸭子类型
    d21天 继承
  • 原文地址:https://www.cnblogs.com/gaojunshan/p/6233460.html
Copyright © 2020-2023  润新知