手机滑动加载

评论 0 点赞 2 人气 900

 // 手机滑动加载

    $(function(){

        // 页数

        var page = 0;

        // 每页展示7个

        var size = 7;

        // droploa

        $('.content').dropload({

            scrollArea : window,

            loadDownFn : function(me){

                page++;

                // 拼接HTML

                var result = '';

                var time_type = "{$_GET['time_type']}";

                $.ajax({

                    type: 'GET',

                    url: "{:U('Wap/Users/rechargeList')}?page="+page+'&size='+size+'&time_type='+time_type,

                    dataType: 'json',

                    success: function(data){

                        if(data.code == 0){

                            var arrLen = data.list.length;

                            for(var i=0; i<arrLen; i++){

                                result += '<tr>'; 

                                result +='<td id="order'+page+'_'+i+'">'+data.list[i].OrderNo_short+'</td>';


                                result +='<td>'+data.list[i].GoodsName+'</td>';

                                result +='<td>'+data.list[i].EffectDays+'</td>';

                                result +='<td>'+data.list[i].Amount+'</td>';

                                result +='<td>'+data.list[i].CreateTime+'</td>';

                                result +='</tr>';

                            }

                        // 如果没有数据

                        }else{

                            // 锁定

                            me.lock();

                            // 无数据

                            me.noData();

                        }

                        // 为了测试,延迟1秒加载

                        setTimeout(function(){

                            // 插入数据到页面,放到最后面

                            $("tr:last").after(result);

                            // var arrLen = data.list.length;

                            for(var i=0; i<arrLen; i++){

                                var num = $('#order'+page+'_'+i);

                                num.data("OrderNo_short",data.list[i].OrderNo_short);

                                num.data("orderon",data.list[i].OrderNo);

                                num.click(function(){

                                    var status = $(this).data("status");

                                    if (typeof(status) != 'undefined' && status === true) {

                                        $(this).html($(this).data("OrderNo_short"));

                                        $(this).data("status", false);

                                    } else {

                                       $(this).html($(this).data("orderon"));

                                        $(this).data("status", true);

                                    }

                                });

                            }

                            // 每次数据插入,必须重置

                            me.resetload();

                        },1000);

                    },

                    error: function(xhr, type){

                        // alert('Ajax error!');

                        // 即使加载出错,也得重置

                        me.resetload();

                    }

                });

            }

        });

    });




*更多学习视频资料请关照博主的星球,扫一扫下方的星球二维码加入
更多学习视频资料请关照博主的星球,扫一扫下方的星球二维码加入

*更多区块链技术视频资料请关照博主的星球,扫一扫下方的星球二维码加入
更多区块链技术资料请关照博主的星球,扫一扫下方的星球二维码加入

*喜欢本文章觉得有帮助的话,扫个打赏码,给博主打赏个买菜钱$
喜欢本文章觉得有帮助的话,扫个打赏码,给博主打赏个买菜钱

留言板: