ajax如何實現數據分頁查詢

.dangqian{ background-color:#69F}











 
  代號
  名稱
  父級代號
 
 
 
 
  

js代碼

var page = 1; //當前頁 定義一個變量 當前頁


Load(); //加載數據
LoadXinXi(); //加載分頁信息


//查詢
$("#chaxun").click(function(){
  page = 1;
  Load(); //加載數據
  LoadXinXi(); //加載分頁信息
 })
function Load()
{
 var key = $("#key").val(); //查詢條件
 
 $.ajax({
   url:"chuli.php",
   data:{page:page,key:key},
   type:"POST",
   dataType:"JSON",
   success: function(data){
     var str = "";
     for(var k in data)
     {
      str +=""+data[k].AreaCode+""+data[k].AreaName+""+data[k].ParentAreaCode+"";
     }
     $("#nr").html(str);//把數據返回表格
    }
  });
}


functionLoadXinXi()
{
 var str = "";
 var minys = 1;
 var maxys = 1;
 var key = $("#key").val();
 
 //查總頁數
 $.ajax({
   async:false,
   url:"zys.php",
   data:{key:key},
   type:"POST",
   dataType:"TEXT",
   success: function(d){
     maxys = d;
    }
  });
 
 str += "總共："+maxys+"頁  ";
 str += "上一頁";
 
 for(var i=page-2;i=minys && i<=maxys)
  {
   if(i==page)
   {
    str += ""+i+"  ";
   }
   else
   {
    str += ""+i+"  ";
   }
  
  }
 }
  
 str += "下一頁"; 
 
 $("#xinxi").html(str);
 
 //給上一頁添加點擊事件
 $("#prev").click(function(){
   page = page-1;
   if(page<1)
   {
    page=1;
   }
   Load(); //加載數據
   LoadXinXi(); //加載分頁信息
  })
 //給下一頁加點擊事件
 $("#next").click(function(){
   page = page+1;
   if(page>maxys)
   {
    page=maxys;
   }
   Load(); //加載數據
   LoadXinXi(); //加載分頁信息
  })
 //給中間的列表加事件
 $(".list").click(function(){
   page = parseInt($(this).attr("bs"));
   Load(); //加載數據
   LoadXinXi(); //加載分頁信息
  })
}

處理頁面1

StrQuery($sql);

echo ceil($zts/$num);

處理頁面2

JSONQuery($sql);

看完了這篇文章，相信你對“ajax如何實現數據分頁查詢”有了一定的了解，如果想了解更多相關知識，歡迎關注創新互聯行業資訊頻道，感謝各位的閱讀！

什么是ajax

ajax是一種在無需重新加載整個網頁的情況下，能夠更新部分網頁的技術，可以通過在后臺與服務器進行少量數據交換，使網頁實現異步更新。