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


    利用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;
    
    ?>

    medoo.php 1.1.3版本    更高版本请自行百度下载哟!

  • 相关阅读:
    SimpleRetryTemplateSupplier
    Atcoder Grand Contest 013 E Placing Squares(组合意义转化+矩阵快速幂/代数推导,思维题)
    Atcoder Grand Contest 033 D Complexity(dp)
    Vue案例之计数器
    Redis数据类型之List列表类型
    Redis数据类型之Hash哈希类型
    Vue之vfor列表展示
    Vue初体验
    RedisDesktopManager本地连接云服务器上的Redis
    Redis数据类型之ZSet有序集合类型
  • 原文地址:https://www.cnblogs.com/keli/p/7049316.html
Copyright © 2020-2023  润新知