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();
}
});

}
});
posted @ 2018-03-27 09:21  流年沉默的如此苍凉╰╮  阅读(608)  评论(0编辑  收藏  举报