利用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版本 更高版本请自行百度下载哟!