ThinkPHP+jquery如何实现“加载更多”功能-成都快上网建站

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://kswjz.com/article/gppjdj.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流