代码 ajax分页

来源:互联网 发布:多媒体教室软件 编辑:程序博客网 时间:2024/06/06 03:58
后台:<pre name="code" class="php">function check(Request $request){    $news = $request->input('news');    $begin=$request->input('begin');    $end = $request->input('end');    $where = "1";    if(!empty($news)){        $where.=" and news like '%$news%'";    }    if(!empty($begin)){        $where.=" and time > '$begin'";    }    if(!empty($end)){        $where.=" and time < '$end'";    }    //echo $where;    $count = count(Db::select("select * from news  where $where"));    $n=3;    $pages=ceil($count/$n);    //echo $pages;die;    $page=isset($_GET['page'])?$_GET['page']:1;    $up=$page<=1?$page:$page-1;    $down=$page>=$pages?$pages:$page+1;    $state=($page-1)*$n;    $arr=Db::select("select * from news where $where limit $state,$n");    //print_r($arr);die;    $arr['arr']=$arr;    $arr['up']=$up;    $arr['down']=$down;    $arr['pages']=$pages;    $arr['page']=$page;    $arr['begin']=$begin;    return view('index',[        'arr'=>$arr    ]);}

前台:

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






0 0
原创粉丝点击