程式碼 ajax分頁

hwk_yellow發表於2016-11-16
原文網址 : https://blog.csdn.net/hwk_yellow/article/details/53184048
[php] view plain copy
  1. 後臺：  
  2. <pre name="code" class="php">function check(Request $request)  
  3. {  
  4.     $news = $request->input('news');  
  5.     $begin=$request->input('begin');  
  6.     $end = $request->input('end');  
  7.     $where = "1";  
  8.     if(!empty($news)){  
  9.         $where.=" and news like '%$news%'";  
  10.     }  
  11.     if(!empty($begin)){  
  12.         $where.=" and time > '$begin'";  
  13.     }  
  14.     if(!empty($end)){  
  15.         $where.=" and time < '$end'";  
  16.     }  
  17.     //echo $where;  
  18.     $count = count(Db::select("select * from news  where $where"));  
  19.   
  20.     $n=3;  
  21.     $pages=ceil($count/$n);  
  22.   
  23.     //echo $pages;die;  
  24.   
  25.     $page=isset($_GET['page'])?$_GET['page']:1;  
  26.   
  27.     $up=$page<=1?$page:$page-1;  
  28.   
  29.     $down=$page>=$pages?$pages:$page+1;  
  30.   
  31.     $state=($page-1)*$n;  
  32.   
  33.     $arr=Db::select("select * from news where $where limit $state,$n");  
  34.     //print_r($arr);die;  
  35.   
  36.     $arr['arr']=$arr;  
  37.     $arr['up']=$up;  
  38.     $arr['down']=$down;  
  39.     $arr['pages']=$pages;  
  40.     $arr['page']=$page;  
  41.     $arr['begin']=$begin;  
  42.   
  43.   
  44.   
  45.     return view('index',[  
  46.         'arr'=>$arr  
  47.     ]);  
  48. }  

前臺：

<a href="javascript:void(0)" onclick="display(1)">首頁</a>
<a href="javascript:void(0)" onclick="display({{$arr['up']}})">上一頁</a>
<a href="javascript:void(0)" onclick="display({{$arr['down']}})">下一頁</a>
<a href="javascript:void(0)" onclick="display({{$arr['pages']}})">末頁</a>




<script> function display(page) { var news=document.getElementById('news').value; var begin=document.getElementById('begin').value; var end=document.getElementById('end').value; var xhr = new XMLHttpRequest(); xhr.open('get','check?page='+page+"&news="+news+"&begin="+begin+"&end="+end) xhr.send(null); xhr.onreadystatechange=function() { if(xhr.readyState==4 && xhr.status==200) { document.getElementById('div1').innerHTML=xhr.responseText; } } }</script>

相關文章