<script type="text/javascript" src="/js/framework/dist/dropload.min.js"></script>
<link rel="stylesheet" href="/js/framework/dist/dropload.css">
<div class="content-page">
<div class="login_top">
<a href="z-my_2.html" class="login_back"></a>
<h2 class="login_tit">全部订单</h2>
<!-- <a href="#" class="login_btn2">注册</a> -->
</div>
<ul class="myorder_list">
</ul>
</div>
<script>
$(function(){
// 页数
var page = 0;
// 每页展示10个
var size = 10;
// dropload
$('.content-page').dropload({
scrollArea : window,
loadDownFn : function(me){
page++;
// 拼接HTML
var result = '';
$.ajax({
type: 'GET',
url: '/ucenter/orderlist?page='+page+'&per-page='+size,
dataType: 'json',
success: function(data){
if(page <= data.page_count){
var arrLen = data.datas.length;
if(arrLen > 0){
for(var i=0; i<arrLen; i++){
result += '<li class="myorder_listli">'
+'<div class="myorder_num">'
+'<span >订单编号 '+data.datas[i].order_id+'</span>'
+data.datas[i].status_info
+'</div>'
+'<div class="myorder_cont">'
+'<div class="myorder_img">'
+'<img src="'+data.datas[i].image+'" height="71" width="85" alt="">'
+'</div>'
+'<div class="myorder_info">'
+'<a href="/ucenter/orderinfo?order_no='+data.datas[i].order_no+'" class="myorder_title">'+data.datas[i].title+'</a>'
+data.datas[i].package
+'</div>'
+'</div>'
+'<div class="myorder_price">'
+'<span class="myorder_acount">总金额 <dfn class="">¥'+data.datas[i].price+'</dfn></span>'
+data.datas[i].url
+'</div>'
+'</li>';
}
// 如果没有数据
}
}else{
// 锁定
me.lock();
// 无数据
me.noData();
}
// 为了测试,延迟1秒加载
setTimeout(function(){
// 插入数据到页面,放到最后面
$('.myorder_list').append(result);
// 每次数据插入,必须重置
me.resetload();
},1000);
},
error: function(xhr, type){
alert('Ajax error!');
// 即使加载出错,也得重置
me.resetload();
}
});
}
});
});
</script>
手机端下拉加载页面
最新推荐文章于 2021-06-03 21:13:31 发布