绵阳梓潼网站制作公司

ThinkPHP+jquery如何实现“加载更多”功能

这篇文章给大家分享的是有关ThinkPHP+jquery如何实现“加载更多”功能的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

创新互联建站基于分布式IDC数据中心构建的平台为众多户提供资阳移动机房 四川大带宽租用 成都机柜租用 成都服务器租用。

ThinkPHP+jQuery实现“加载更多”

在很多web端界面中都会用到点击按钮加载最新几条数据的demo,下例为使用thinkphp+jquery实现实例：

ThinkPHP+jquery如何实现“加载更多”功能

要实现的结果大致如下

第一步

模板文件

  
      
        
          {volist name="apps" id="vo"}
          
            
              
                                            

                  {$vo.AppName}

                8.59MB
                                                                       

                  
                
                {$vo.DownloadCount}万次下载                                                          下载                                   {/volist}                                          加载更多                                             

第二步

后台文件

class Index
{
  //打印首页
  public function index()
  {
    $total=db('apps')->count();
    $apps=db('apps')->where('AppStatus',1)->limit(5)->order("AppID ASC")->select();
    //var_dump($apps);
    $view = new View();
    $view->assign('total',$total);
    $view->assign('apps',$apps);
    return $view->fetch('index');
  }

  public function data()
  {
    $start = Input('post.start');
    //echo($start);
    $list = db('apps')->limit($start, 5)->order('AppID asc')->select();
    return (array( 'result'=>$list,'status'=>1, 'msg'=>'获取成功！'));
  }

}

第三步

模板中的异步js

  

感谢各位的阅读！关于“ThinkPHP+jquery如何实现“加载更多”功能”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！


网站栏目：ThinkPHP+jquery如何实现“加载更多”功能
网页地址：http://myzitong.com/article/gppjdj.html

其他资讯