// 手机滑动加载
$(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();
}
});
}
});
});
本文由
wilkins创作
本站文章除注明转载/出处外,均为本站原创或翻译,转载前请务必署名
最后编辑时间为: 2017-08-30 16
*更多学习视频资料请关照博主的星球,扫一扫下方的星球二维码加入

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

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