您现在的位置是:首页 > 正文

Php Jquery Load FadeIn FadeOut 无刷新分页

2024-02-01 03:13:49阅读 2

Php Jquery Load FadeIn FadeOut 无刷新分页

index.php

<?php
define('IN_LOVE',true);
require_once('includes/load.php');

$smarty->display('index.html');
?>

index.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Php Jquery Load FadeIn FadeOut 无刷新分页</title>
<link href="templates/css/main.css" rel="stylesheet" type="text/css" />
<script src="templates/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">

function showLoader(){    
$('.search-background').fadeIn(200);
}

function hideLoader(){
$('.search-background').fadeOut(200);
};

$(function(){
showLoader();
$("#content").load('list.php?p=1',hideLoader).hide();
$("#content").fadeIn(1000);
});

function ajax_load(page){
showLoader();
$("#content").load('list.php?p='+page,hideLoader).hide();
$("#content").fadeIn(1000);
}
</script>
<body>
<div id="list">

<div class="load-img" style="display:none;">
<label><img src="templates/images/loading.gif" alt="" /></label>
</div>    
<div id="content">
</div>    
</div>
</body>
</html>

list.php

<?php
define('IN_LOVE',true);
require_once('includes/load.php');

$p = intval($_GET['p']);
if($p <= 0) $p = 1;

$total_res = $pdo->getTotal('goods');
$total = $total_res['count'];
$page_size = 10;

$limit = ($p-1)*$page_size.",".$page_size;
$list = $pdo->getAll('*', 'goods', 1, ' order by goods_id desc', $limit);

$params = array(
        'total_rows' => $total,
        'method'     => 'ajax',
        'parameter'  => '',
        'ajax_func_name'=>'ajax_load',
        'now_page'   => $p,
        'list_rows'  => $page_size,
       );

$page = new Page($params);
$page_link = $page->show(1);
$smarty->assign('list',$list);
$smarty->assign('page_link',$page_link);

$smarty->display('list.html');
?>

list.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<body>
<ul class="content">
{foreach from=$list item=goods_list}
<li>{$goods_list.goods_name}</li>
{/foreach}
</ul>    
<div id="page">{$page_link}</div>
</body>
</html>

page.class.php

<?php
/**
 * 分页类
 * @author  xiaojiong & 290747680@qq.com
 * @date 2011-08-17
 * 
 * show(2)  1 ... 62 63 64 65 66 67 68 ... 150
 * 分页样式 
 * #page{font:12px/16px arial}
 * #page span{float:left;margin:0px 3px;}
 * #page a{float:left;margin:0 3px;border:1px solid #ddd;padding:3px 7px; text-decoration:none;color:#666}
 * #page a.now_page,#page a:hover{color:#fff;background:#05c}
*/

class Page
{
    public     $first_row;           //起始行数

    public     $list_rows;        //列表每页显示行数
    
    protected  $total_pages;      //总页数

    protected  $total_rows;          //总行数
    
    protected  $now_page;         //当前页数
    
    protected  $method  = 'defalut'; //处理情况 Ajax分页 Html分页(静态化时) 普通get方式 
    
    protected  $parameter = '';
    
    protected  $page_name;        //分页参数的名称
    
    protected  $ajax_func_name;
    
    public        $plus = 3;         //分页偏移量
    
    protected  $url;
    
    
    /**
     * 构造函数
     * @param unknown_type $data
     */
    public function __construct($data = array())
    {
        $this->total_rows = $data['total_rows'];

        $this->parameter         = !empty($data['parameter']) ? $data['parameter'] : '';
        $this->list_rows         = !empty($data['list_rows']) && $data['list_rows'] <= 100 ? $data['list_rows'] : 15;
        $this->total_pages        = ceil($this->total_rows / $this->list_rows);
        $this->page_name          = !empty($data['page_name']) ? $data['page_name'] : 'p';
        $this->ajax_func_name    = !empty($data['ajax_func_name']) ? $data['ajax_func_name'] : '';
        
        $this->method           = !empty($data['method']) ? $data['method'] : '';
        
        
        /* 当前页面 */
        if(!empty($data['now_page']))
        {
            $this->now_page = intval($data['now_page']);
        }else{
            $this->now_page   = !empty($_GET[$this->page_name]) ? intval($_GET[$this->page_name]):1;
        }
        $this->now_page   = $this->now_page <= 0 ? 1 : $this->now_page;
    
        
        if(!empty($this->total_pages) && $this->now_page > $this->total_pages)
        {
            $this->now_page = $this->total_pages;
        }
        $this->first_row = $this->list_rows * ($this->now_page - 1);
    }    
    
    /**
     * 得到当前连接
     * @param $page
     * @param $text
     * @return string
     */
    protected function _get_link($page,$text)
    {
        switch ($this->method) {
            case 'ajax':
                $parameter = '';
                if($this->parameter)
                {
                    $parameter = ','.$this->parameter;
                }
                return '<a οnclick="' . $this->ajax_func_name . '(\'' . $page . '\''.$parameter.')" href="javascript:void(0)">' . $text . '</a>' . "\n";
            break;
            
            case 'html':
                $url = str_replace('?', $page,$this->parameter);
                return '<a href="' .$url . '">' . $text . '</a>' . "\n";
            break;
            
            default:
                return '<a href="' . $this->_get_url($page) . '">' . $text . '</a>' . "\n";
            break;
        }
    }
    
    
    /**
     * 设置当前页面链接
     */
    protected function _set_url()
    {
        $url  =  $_SERVER['REQUEST_URI'].(strpos($_SERVER['REQUEST_URI'],'?')?'':"?").$this->parameter;
        $parse = parse_url($url);
        if(isset($parse['query'])) {
            parse_str($parse['query'],$params);
            unset($params[$this->page_name]);
            $url   =  $parse['path'].'?'.http_build_query($params);
        }
        if(!empty($params))
        {
            $url .= '&';
        }
        $this->url = $url;
    }
    
    /**
     * 得到$page的url
     * @param $page 页面
     * @return string
     */
    protected function _get_url($page)
    {
        if($this->url === NULL)
        {
            $this->_set_url();    
        }
      //    $lable = strpos('&', $this->url) === FALSE ? '' : '&';
        return $this->url . $this->page_name . '=' . $page;
    }
    
    
    /**
     * 得到第一页
     * @return string
     */
    public function first_page($name = '第一页')
    {
         if($this->now_page > 5)
         {
             return $this->_get_link('1', $name);
         }    
         return '';
    }
    
    /**
     * 最后一页
     * @param $name
     * @return string
     */
    public function last_page($name = '最后一页')
    {
         if($this->now_page < $this->total_pages - 5)
         {
             return $this->_get_link($this->total_pages, $name);
         }    
         return '';
    }  
    
    /**
     * 上一页
     * @return string
     */
    public function up_page($name = '上一页')
    {
        if($this->now_page != 1)
        {
            return $this->_get_link($this->now_page - 1, $name);
        }
        return '';
    }
    
    /**
     * 下一页
     * @return string
     */
    public function down_page($name = '下一页')
    {
        if($this->now_page < $this->total_pages)
        {
            return $this->_get_link($this->now_page + 1, $name);
        }
        return '';
    }

    /**
     * 分页样式输出
     * @param $param
     * @return string
     */
    public function show($param = 1)
    {
        if($this->total_rows < 1)
        {
            return '';
        }
        
        $className = 'show_' . $param;
        
        $classNames = get_class_methods($this);

        if(in_array($className, $classNames))
        {
            return $this->$className();
        }
          return '';
    }
    
    protected function show_2()
    {
        if($this->total_pages != 1)
        {
            $return = '';
            $return .= $this->up_page('<');
            for($i = 1;$i<=$this->total_pages;$i++)
            {
                if($i == $this->now_page)
                {
                    $return .= "<a class='now_page'>$i</a>\n";
                }
                else
                {
                    if($this->now_page-$i>=4 && $i != 1)
                    {
                        $return .="<span class='pageMore'>...</span>\n";
                        $i = $this->now_page-3;
                    }
                    else
                    {
                        if($i >= $this->now_page+5 && $i != $this->total_pages)
                        {
                            $return .="<span>...</span>\n"; 
                            $i = $this->total_pages;
                        }
                        $return .= $this->_get_link($i, $i) . "\n";
                    }
                }
            }
            $return .= $this->down_page('>');
            return $return;
        }
    }
    
    protected function show_1()
    {
        $plus = $this->plus;
        if( $plus + $this->now_page > $this->total_pages)
        {
            $begin = $this->total_pages - $plus * 2;
        }else{
            $begin = $this->now_page - $plus;
        }
        
        $begin = ($begin >= 1) ? $begin : 1;
        $return = '';
        $return .= $this->first_page();
        $return .= $this->up_page();
        for ($i = $begin; $i <= $begin + $plus * 2;$i++)
        {
            if($i>$this->total_pages)
            {
                break;
            }
            if($i == $this->now_page)
            {
                $return .= "<a class='now_page'>$i</a>\n";
            }
            else
            {
                $return .= $this->_get_link($i, $i) . "\n";
            }
        }
        $return .= $this->down_page();
        $return .= $this->last_page();
        return $return;
    }
    
    protected function show_3()
    {
        $plus = $this->plus;
        if( $plus + $this->now_page > $this->total_pages)
        {
            $begin = $this->total_pages - $plus * 2;
        }else{
            $begin = $this->now_page - $plus;
        }        
        $begin = ($begin >= 1) ? $begin : 1;
        $return = '总计 ' .$this->total_rows. ' 个记录分为 ' .$this->total_pages. ' 页, 当前第 ' . $this->now_page . ' 页 ';
        $return .= ',每页 ';
        $return .= '<input type="text" value="'.$this->list_rows.'" id="pageSize" size="3"> ';
        $return .= $this->first_page()."\n";
        $return .= $this->up_page()."\n"; 
        $return .= $this->down_page()."\n";
        $return .= $this->last_page()."\n";
        $return .= '<select οnchange="'.$this->ajax_func_name.'(this.value)" id="gotoPage">';
       
        for ($i = $begin;$i<=$begin+10;$i++)
        {
            if($i>$this->total_pages)
            {
                break;
            }            
            if($i == $this->now_page)
            {
                $return .= '<option selected="true" value="'.$i.'">'.$i.'</option>';
            }
            else
            {
                $return .= '<option value="' .$i. '">' .$i. '</option>';
            }            
        }
         $return .= '</select>';
        return $return;
    }
}

?>

转载于:https://www.cnblogs.com/in-loading/archive/2012/06/14/2549110.html

网站文章

  • java中如何将url地址文件流上传到sftp的某个目录下面?(亲测)

    java中如何将url地址文件流上传到sftp的某个目录下面?(亲测)

    java中如何将url地址文件流上传到sftp的某个目录下面?

    2024-02-01 03:13:43
  • 什么是分布式数据库?我不信,看完这篇你还不懂!

    什么是分布式数据库?我不信,看完这篇你还不懂!

    原文来源: https://tidb.net/blog/eb3cb609 ...

    2024-02-01 03:13:37
  • VMware Workstation 15.0.4 官方版 安装及部分小问题方案答疑

    VMware Workstation 15.0.4 官方版 安装及部分小问题方案答疑

    VMware Workstation软件特色   VMware支持在一台客户机上运行多个操作系统   无需安装或者复杂的设置,即可体验预设置的产品的功能和特色   VMware虚拟机支持在主机和虚拟机...

    2024-02-01 03:13:06
  • C语言内存对齐和结构补齐

    C语言内存对齐和结构补齐

    首先我们先看看下面的C语言的结构体:[cpp] view plaincopytypedef struct MemAlign  {      int a;      char b[3];      in...

    2024-02-01 03:12:58
  • 贪心法求解多机调度问题

    问题描述设有n个独立的作业{1,2,…,n},由m台相同的机器{1,2, …,m}进行加工处理,作业i所需的处理时间为ti(1≤i≤n),每个作业均可在任何一台机器上加工处理,但未完工前不允许中断,任何作业也不能拆分成更小的子作业。多机调度问题要求给出一种作业调度方案,使所给的n个作业在尽可能短的时间内由m台机器加工处理完成。问题求解贪心法求解多机调度问题的贪心策略是最长处理时间作业优先,...

    2024-02-01 03:12:51
  • DNDC 模型建模方法及在土壤碳储量、温室气体排放、农田减排、土地变化、气候变化中的实践

    碳循环的精确模拟是实现“双碳”行动的关键。DNDC(Denitrification-Decomposition,反硝化-分解模型)是目前国际上最为成功的模拟生物地球化学循环的模型之一,自开发以来,经过...

    2024-02-01 03:12:43
  • 美团外卖美食知识图谱的迭代及应用

    美团外卖美食知识图谱的迭代及应用

    总第451篇2021年 第021篇菜品是外卖交易过程的核心要素,对菜品的理解也是实现外卖供需匹配的重点。今天我们将一次推送三篇文章,系统地介绍了美团外卖美食知识图谱的构建和应用。《美团外卖...

    2024-02-01 03:12:14
  • Vue-Threejs学习

    Vue-Threejs学习

    Threejs学习 最近在学习threejs,探索3D开发,主要记录一下学习的过程及遇到的问题,以后续查看,目前主要涉及的也就几个知识点,纹理贴图、2D标签、挖洞、简单动画(开关门)、引入Ethart...

    2024-02-01 03:12:08
  • PHP安装Mcrypt扩展

    在使用PHP开发的过程中,为了提供数据传输的安全性,避免不了使用加密函数,除了使用php本身自带的几个函数,php还提供Mhash和Mcrypt2个扩展库。Mcrypt扩展库支撑的加密算法可以看http://mcrypt.sourceforge.net/,这里有对这个接口的详细介绍。 这里介绍2种安装Mcrypt扩展库的方法,算是对自己安装过程中遇到问题的一个总结。 1. 安装Mcrypt

    2024-02-01 03:12:04
  • 计算机二级C语言公共基础知识,以及习题总结(六)数据模型

    计算机二级C语言公共基础知识,以及习题总结(六)数据模型

    数据模型的基本概念 1、数据模型是数据特征的抽象 数据模型描述的内容 (1)数据结构 (2)数据操作 (3)数据约束 数据模型按不同的应用层次分成三种类型 概念数据模型(Conceptual Data...

    2024-02-01 03:11:33