利用php和pagination 做的一個ajax分頁例子，可以用來整合到thinkphp中使用！
本次例子可以完全拿來套用！非常直觀，明了，簡單！相信新手朋友都能看懂！
鏈接：http://pan.baidu.com/s/1dFiW1tn 密碼：it6t
html頁面代碼
===========================================================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery Pagination分頁插件ajax demo</title> <link rel="stylesheet" href="lib/pagination.css" /> <style type="text/css"> body{font-size:84%; color:#333333; line-height:1.4;} a{color:#34538b;} #Searchresult{width:300px; height:300px; padding:20px; background:#f0f3f9;} </style> <script type="text/javascript" src="lib/jquery.min.js"></script> <script type="text/javascript" src="lib/jquery.pagination.js"></script> <script type="text/javascript"> $(function(){ //此demo通過Ajax加載分頁元素 var initPagination = function() { var num_entries = 12;//總頁數 // 創建分頁 $("#Pagination").pagination(num_entries, { num_edge_entries: 2, //邊緣頁數 num_display_entries: 4, //主體頁數 callback: pageselectCallback, items_per_page: 2, //每頁顯示1項 prev_text: "前一頁", next_text: "后一頁" }); }; function pageselectCallback(page_index, jq){ $.post('article.php',{page:page_index},function(data){ $("#Searchresult").append(data); } ); $("#Searchresult").empty().append(new_content); //裝載對應分頁的內容 return false; } initPagination(); }); </script> </head> <body> <h1>jQuery Pagination分頁插件ajax demo</h1> <div id="Pagination" class="pagination"><!-- 這里顯示分頁 --></div> <div id="Searchresult">分頁初始化完成后這里的內容會被替換。</div> <div id="hiddenresult" style="display:none;"> <!-- 列表元素 --> </div> <p>Copyright © <a href="http://www.micuer.com">qq571031767</a></p> </body> </html>
php頁面代碼
=====================================================
<?php //本插件由 @沙坪壩韓宇 編寫 QQ571031767 //使用了medoo的數據庫管理插件 詳情可以百度一下medoo //php版本試用5.4.4以下 include './lib/Medoo.php'; $page = $_POST['page']; $html = ''; $data=array(); $page_size = 10; $page_start = $page * $page_size; $sql = "SELECT goods_id,goods_name FROM ecs_goods LIMIT $page_start , $page_size"; $database = new medoo(array( // 必須配置項 'database_type' => 'mysql', 'database_name' => 'xiaomi2016', 'server' => 'localhost', 'username' => 'root', 'password' => 'root', 'charset' => 'utf8', // 可選參數 'port' => 3306, // 可選，定義表的前綴 'prefix' => 'PREFIX_', // 連接參數擴展, 更多參考 http://www.php.net/manual/en/pdo.setattribute.php 'option' => array( PDO::ATTR_CASE => PDO::CASE_NATURAL ) )); $res = $database->query($sql)->fetchAll(); foreach ($res as $k => $v) { //$html .= 'id:'. $v['goods_id'] . 'name:'.$v['goods_name'].'<br>'; $html .= '<div class="result"><a href='.$v['goods_id'].'>'.$v["goods_name"].'</a></div>'; } echo $html; ?>
medoo.php 1.1.3版本 更高版本請自行百度下載喲！