最原始的ajax无刷新分页

//        获取总条数
        $arr=DB::table('jia')->count();
        //2 设置每页显示的数据量
        $length=3;

//3 计算出总页数
        $zong=ceil($arr/$length);

//4 获得当前页
        $page=isset($_GET['page']) ? $_GET['page'] : 1;


//上一页、下一页
        $prev=$page<=1 ? 1 : $page-1;
        $next=$page>=$zong ? $zong : $page+1;


//5)计算偏移量
        $offset=($page-1)*$length;

   $ar=DB::select("select * from jia limit $offset,$length");
        //print_r($ar);
        return view('show',['arr'=>$ar,'perv'=>$prev,'next'=>$next,'zong'=>$zong]);

视图层中

<input type="button" value="首页"   οnclick="fun(1)">
    <input type="button" value="上一页" οnclick="fun(<?php echo $perv?>)">
    <input type="button" value="下一页" οnclick="fun(<?php echo $next?>)">
    <input type="button" value="末页"   οnclick="fun(<?php echo $zong?>)"><pre name="code" class="php"><script>
 function fun(page){
     //创建ajax
     var xhr = new XMLHttpRequest();
     //设置初始值;
     xhr.open('get','index?page='+page);
     //发送ajax请求
     xhr.send(null);
     //设置回调函数
     xhr.onreadystatechange=function(){
         if(xhr.readyState==4&&xhr.status==200){
             //alert(xhr.responseText);
             document.getElementById('s1').innerHTML=xhr.responseText;
         }
     }
 }
</script>