简单代码实现 加载更多效果

JS
<script type="text/javascript">
    //定义全局变量,用于计算分页
    var more_i = 1;
    $(‘#showmore‘).click(function() {
        $.ajax({
            type    : ‘get‘,
            url     : ‘__URL__/ajax_more‘,
            data    : {
                ‘evalue_id‘     : {$evalue_info.evalue_id},
                ‘num‘           : more_i,
            },
            dataType: ‘json‘,
            success : function(res) {
                if(res == 0){
                    alert(‘没有更多数据了‘);
                }else {
                    $(‘#prev_more‘).before(res[‘info‘]);
                    more_i = res[‘num‘] + 1;
                }
            },
        });
    });
</script>
PHP,采用tp框架
/*
        AJAX加载更多
    */
    public function ajax_more() {//实例化模型
        $doctor_evalue_reply        = M(‘doctor_evalue_reply‘);//获取ajax传值过来的数据
        $evalue_id                     = $this->_get(‘evalue_id‘,‘intval‘);
        $num                         = $this->_get(‘num‘,‘intval‘);//计算分页
        $start                         = $num * 5;
//获取数据
        $condition[‘evalue_id‘]        = $evalue_id;
        $reply_info                    = $doctor_evalue_reply
                                                          ->field(‘reply_id,user_name,content,add_time‘)
                                                          ->where($condition)
                                                          ->limit($start . ‘,5‘)
                                                          ->order(‘add_time desc‘)
                                                          ->select();
        if($reply_info === null) {
            $res                     = 0;
        }else {//服务器端将num数字++,传回客户端js调用。
            $res[‘num‘]                    = $num++;
            //将数据拼装为html,
            foreach ($reply_info as $key => $value) {
                $temp  = $start + $key + 1;
                $html .= ‘<tr class="‘.$vlaue[‘reply_id‘].‘">‘;
                $html .= ‘<td><input name="id[]" value="‘.$value[‘reply_id‘].‘" type="checkbox"/></td>‘;
                $html .= ‘<td>‘.$temp.‘</td>‘;
                $html .= ‘<td>‘.$value[‘user_name‘].‘</td>‘;
                $html .= ‘<td title="‘.$value[‘content‘].‘">‘.mb_substr($value[‘content‘],0,35,‘UTF-8‘).‘...</td>‘;
                $html .= ‘<td>‘.date(‘Y-m-d H:i:s‘,$value[‘add_time‘]).‘</td>‘;
                $html .= ‘<td><input type="button" value="删除" class="button" onClick="if (confirm(\‘你确定删除该医生吗?\‘)) del(‘.$value[‘reply_id‘].‘);" /></td>‘;
                $html .= ‘</tr>‘;
            }
            $res[‘info‘]                = $html;
        }//json形式返回
        echo json_encode($res);
    }

简单代码实现 加载更多效果,布布扣,bubuko.com

时间: 2024-10-08 21:53:59

简单代码实现 加载更多效果的相关文章

phpcms列表页js实现加载更多效果

先看一下效果: 默认显示6条数据,点击一次加载更多追加显示6条,直到数据全部显示完全,隐藏加载更多按钮. 列表页引入一下文件: <script type="text/javascript" src="../jquery-1.8.3.min.js"></script> <script type="text/javascript" src="../jquery.showMore.js"><

cocos2d-x+lua代码热加载(Hot Swap)的研究

代码热加载跟自动更新无关,主要目的是在程序运行的时候动态的替换代码,从而实现不重启程序而更新代码的目的.最理想的情况当然是我修改完代码并保存,然后就可以直接在游戏中看到修改后的效果,这个在实际开发过程中会大大提高效率. 即便达不到理想情况,我们也希望可以实现部分热加载,从而简化操作.例如我们可以仅仅对配置文件.消息文件.界面文件实现热加载,这样策划更新数据后可以直接在游戏中看结果,而不需要重新打开客户端去跑任务. 热加载主要原理其实很简单,lua require文件都会缓存在package.lo

Android上拉加载更多ListView——PulmListView

思路 今天带大家实现一个上拉加载更多的ListView.GitHub传送门:PulmListView, 欢迎大家fork&&star. 先带大家理一下思路, 如果我们要实现一个上拉加载更多的ListView, 我们需要实现的功能包括: 一个自定义的ListView, 并且该ListView能够判断当前是否已经处于最底部. 一个自定义的FooterView, 用于在ListView加载更多的过程中进行UI展示. 关联FooterView和ListView, 包括加载时机判断.FooterVi

android加载框效果《IT蓝豹》

android加载框效果 android加载框效果,本例子有几种效果弹出dialog,本例子主要自定义SVProgressHUD 类,本例子来源:https://github.com/saiwu-bigkoo/Android-SVProgressHUD主要代码如下: public enum SVProgressHUDMaskType {            None,  // 允许遮罩下面控件点击               Clear,     // 不允许遮罩下面控件点击         

vue2.0 自定义 下拉刷新和上拉加载更多(Scroller) 组件

1.下拉刷新和上拉加载更多组件 Scroller.vue <!-- 下拉刷新 上拉加载更多 组件 --> <template> <div :style="marginTop" class="yo-scroll" :class="{'down':(state===0),'up':(state==1),refresh:(state===2),touch:touching}" @touchstart="touch

ASP.NET仿新浪微博下拉加载更多数据瀑布流效果

闲来无事,琢磨着写点东西.貌似页面下拉加载数据,瀑布流的效果很火,各个网站都能见到各式各样的展示效果,原理大同小异.于是乎,决定自己写一写这个效果,希望能给比我还菜的菜鸟们一点参考价值. 在开始之前,先把实现的基本原理说一下.当夜幕下拉到底部的时候,js可以判断滚动条的位置,到达底部触发js方法,执行jquery的ajax方法,向后台一般处理程序夜幕ashx文件请求数据源,得到json格式的数据源.然后,遍历json数据源,拼接一个li标签,再填充到页面上去. 首先,我们来做个简单的html页面

嗯嗯,一句代码就搞定 RecycleView 侧滑菜单、添加头部底部、加载更多

很早就萌生了将这种方案封装为一个开源库的想法,旨在实现调用方式最简单,且又不失可定制性.本库最大的特点的是采用了 Glide 简洁明了的链式调用方式,一句代码即可添加侧滑菜单.头部底部等. 特性: 1.自定义侧滑菜单布局 2.添加头部.底部 3.轻松实现加载更多 4.设置 item 间距 5.多种 item 类型 6.支持 LinearLayout 及 GridLayout 7.一句代码实现所有功能 效果: 左侧滑菜单.右侧滑菜单.自定义菜单布局:      头部.多头部:      底部.多底

vue10行代码实现上拉翻页加载更多数据,纯手写js实现下拉刷新上拉翻页不引用任何第三方插件

vue10行代码实现上拉翻页加载更多数据,纯手写js实现下拉刷新上拉翻页不引用任何第三方插件/库 一提到移动端的下拉刷新上拉翻页,你可能就会想到iScroll插件,没错iScroll是一个高性能,资源占用少,无依赖,多平台的javascript滚动插件.iScroll不仅仅是 滚动.它可以处理任何需要与用户进行移动交互的元素.在你的项目中包含仅仅4kb大小的iScroll,你的项目便拥有了滚动,缩放,平移,无限滚动,视差滚动,旋转功能.iScroll的强大毋庸置疑,本人也非常欢迎大家使用iScr

IOS学习之UiTableView下拉刷新与自动加载更多,百年不变的效果

IOS学习之UiTableView下拉刷新与自动加载更多,百年不变的效果(五) 五一劳动节马上来临,小伙伴有妹有很激动哟,首先祝天下所有的程序猿节日快乐!这个五一对于我来说有点不一样,我的人生从这个五一就转弯了,爱情长跑8年的我结婚了,一会支付宝账号我会公布出去,请自觉打款!谢谢合作. 灯光闪起来: 舞蹈跳起来: 歌曲唱起来: -------------------------------------------------------------------------------------