使用ajax分頁

標籤：head   put   tin   uid   document   刪除   echo   lis   引用   

前台頁面：

                    <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）:

<?phpsession_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）：

<?phpsession_start();$uid = $_SESSION["uid"];include("../DBDA.class.php");$db = new DBDA();$sqlsj = "select count(*) from buy where bname=‘{$uid}‘";//查詢有關使用者名稱的資料總數量echo $db->StrQuery($sqlsj,1);

　　

使用ajax分頁