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" /}


//请求加载
// 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 = '已撤销';
y = '';
x = '';
                            result +=
"编号:"+item.orders_id+"" +
""+item.add_time+"";
result +=
"挂单数:"+item.num+"" +
"价格:"+item.price+""+
""+s+"";
result +=
"成交数:"+item.trade_num+"" +
""+item.trade_time+""+
""+x+"";
result +=
"";
});
}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

你可能感兴趣的:(jquery 上滑加载分页)