tp5框架中jquery+jaxa分頁
阿新 • • 發佈：2018-11-19
jaxa分頁，點選按鈕直接替換資料，
//php程式碼
$page=Request::instance()->param("page"); $page = empty($page)?1:$page; $count = Db::table('week3')->count(); $length = 4; $num_page = ceil($count/$length); $limit = ($page-1)*$length; $data = Db::table('week3')->limit($limit,$length)->select(); $arr['data'] = $data; $arr['home_page'] = 1; $arr['prev_page'] = $page-1<=1?1:$page-1; $arr['next_page'] = $page+1>=$num_page?$num_page:$page+1; $arr['last_page'] = $num_page; return view('show',['list'=>$arr]);
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>展示資料</title> </head> <body id="body"> <center> <table border="1"> <tr > <td>ID</td> <td>姓名</td> <td>密碼</td> </tr> {volist name="list.data" id="vo"} <tr class="{$vo.id}"> <td>{$vo.id}</td> <td>{$vo.name}</td> <td>{$vo.password}</td> </tr> {/volist} </table> <input type="hidden" name="page" id="page" value="1"> <a href="javascript:void(0);" onclick="page({$list.home_page})">首頁</a> <a href="javascript:void(0);" onclick="page({$list.prev_page})">上一頁</a> <a href="javascript:void(0);" onclick="page({$list.next_page})">下一頁</a> <a href="javascript:void(0);" onclick="page({$list.last_page})">尾頁</a> </center> </body> </html> <script src="/static/js/jquery.js"></script> <script> function page(obj){ $.get("{:url('page/show')}?page="+obj, function(data){ $("body").html(data); } ); } </script>