php+pagination+ajax超清晰简单版demo实例分享

最新推荐文章于 2021-08-06 00:33:36 发布

dengxc2046

最新推荐文章于 2021-08-06 00:33:36 发布

阅读量133

点赞数

文章标签： xhtml javascript php ViewUI

原文链接：http://www.cnblogs.com/keli/p/7049316.html

版权

利用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 &copy; <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;

?>