jquery 上滑加载分页

手机版推荐插件（http://jqweui.com/extends）
需要引用文件
{load href="/static/shop/css/dropload.css" /}
{load href="/static/shop/js/jquery.min.js" /}
{load href="/static/shop/js/dropload.min.js" /}

<div id="loadmore" style="display:none;text-align: center;color: #a0a0a0;">&nbsp;</div>

//请求加载
// dropload调用
$('#loadmore').dropload({
    scrollArea : window,
    loadDownFn : function(me){
        page++;
        // 拼接HTML
        var result = '';
        $.ajax({
            type:"post",
            dataType:"json",
            data:{page:page,currency_id:currency_id},
            url:"{:url('User/entrustedRecord')}",
            success:function(data){
                var arrLen = data.length;
                if(data.code == 1 && data.data != ''){
                        $.each(data.data,function(i,item){

　　　　　　　　　　　　　　　　　　  s = '<span style="color:blue">已撤销</span>';
                                y = '';
                                x = '';

                            result +=
                                "<tr><th>编号："+item.orders_id+"</th>" +
                                "<th>"+item.add_time+"</th>";
                            result +=
                                "<tr><th>挂单数："+item.num+"</th>" +
                                "<th>价格："+item.price+"</th>"+
                                "<th>"+s+"</th>";
                            result +=
                                "<tr><th>成交数："+item.trade_num+"</th>" +
                                "<th>"+item.trade_time+"</th>"+
                                "<th "+y+">"+x+"</th>";
                            result +=
                                "<tr><th style='border-bottom:1px solid #ddd; width:100%;height:1px;'></th><th style='border-bottom:1px solid #ddd; width:100%;height:1px;'></th><th style='border-bottom:1px solid #ddd; width:100%;height:1px;'></th></tr>";
                        });
                }else{
                    // 如果没有数据
                    $("#no_sj").show();
                    // 锁定
                    me.lock();
                    // 无数据
                    me.noData();
                }
                // 为了测试，延迟1秒加载
                setTimeout(function(){
                    // 插入数据到页面，放到最后面
                    $('#wtrecord').append(result);
                    // 每次数据插入，必须重置
                    me.resetload();
                },1000);
            },
            error: function(xhr, type){
                alert('网络错误，请稍后重试!');
                // 即使加载出错，也得重置
                me.resetload();
            }
        });

    }
});

转载于:https://www.cnblogs.com/nonoleng/p/8655545.html