laravel5.8 ajax分页

//后台代码

/*
*列表展示
*/
public function show(){
$page = 1;
$size=3;
$pian=($page-1)*$size;
$sql=M_list::get();
$count=count($sql);
$end=ceil($count/$size);
$res=DB::select("select * from m_list limit $pian,$size");
return view("/Admin/show",["data"=>$res,"end"=>$end]);
}
/*
*分页
*/
public function show_a(request $request){
$page=$request['page'];
$size=3;
$pian=($page-1)*$size;
$sql=M_list::get();
$count=count($sql);
$end=ceil($count/$size);
$res=DB::select("select * from m_list limit $pian,$size");
return json_encode($res);
}

//前台代码

<tbody id="show_tbody">
<?php foreach ($data as $key => $value): ?>
<tr>
<td>{{ $value->id }}</td>
<td>{{ $value->name }}</td>
<td>{{ $value->work_num }}</td>
<td>{{ $value->tel }}</td>
<td>
<a href="/Admin/edit?id={{ $value->id }}" class="edit" >编辑</a>
<a href="#" id="del" val="{{ $value->id }}">删除</a>
</td>
</tr>
<?php endforeach ?>
</tbody>

<input type="hidden" value="1" id="shou">
<input type="hidden" value="<?=$end?>" id="wei">
<a href="#" class="page">首页</a>
<a href="#" class="page">上一页</a>
<?php
for ($i=1;$i<=$end;$i++){
echo "<a href='#' class='page' id='{$i}' >{$i}</a>";
}
?>

<a href="#" class="page">下一页</a>
<a href="#" class="page">尾页</a>

//jauery代码

//ajax分页
$(document).on("click",".page",function () {
var shou = $("#shou").val();
var wei=$("#wei").val();
var text=$(this).text();
if (text=="首页"){
var page = 1;
} else if(text=="上一页"){
var page = parseInt(shou)-1<1 ? 1 : parseInt(shou)-1;
}else if(text=="下一页"){
var page = parseInt(shou)+1 > parseInt(wei) ? parseInt(wei) : parseInt(shou)+1;
}else if(text=="尾页"){
var page= parseInt(wei)
}else {
var page = parseInt(text)
}
//alert(page)
//return false
$.ajax({
url:"/Admin/show_a",
type:"get",
dataType:"json",
data:{
page:page,
},
success:function (e) {
var str="";
$.each(e,function (k,v) {
str+= '<tr>'
str+= '<td>'+v.id+'</td>'
str+= '<td>'+v.name+'</td>'
str+= '<td>'+v.work_num+'</td>'
str+= '<td>'+v.tel+'</td>'
str+= '<td>删除 编辑</td>'
str+= '</tr>';
})
$("#show_tbody").html(str);
$("#shou").val(page);
}
})

})

猜你喜欢

转载自www.cnblogs.com/txwk/p/11410736.html