mui.ajax执行的次数,MUI 中使用 ajax下拉刷新时,数据怎么才能做到累加呢,谢谢...

该博客介绍如何在使用MUI框架进行移动端页面开发时,通过AJAX实现表格视图(mui-table-view)的下拉刷新功能,并确保每次新数据的加载能够累加到已有列表中,避免了旧数据被替换的问题。作者提供了详细的代码片段和问题解决思路。
摘要由CSDN通过智能技术生成

第一次加载10条成功,我在执行下拉刷新时,怎么让查询到的数据累加呢?下面是我的代码:

html:

mui.init({

pullRefresh: {

container: '#pullrefresh',

down: {

callback: pulldownRefresh

}

}

});

function pulldownRefresh() {

var page = 1;

var size = 10;

/*第一次加载时取得所有的li*/

var table = jQuery('.mui-table-view');

var cells = table.find('.mui-table-view-cell');

var newCells = {};

var url = MyAnviz.baseUrl + '/product/ajax/productlist.html';

//查询参数,因为是假数据,因此这个对象没有作为查询参数使用

var dataEntity = {

"userId": "1",

"page": page,

"size": size

};

//刷新加载,更改page

dataEntity.page = parseInt(dataEntity.page) + 1;

console.log('page:' + dataEntity.page);

mui.ajax({

type: "GET",

url: url,

data: dataEntity,

dataType: "json",

success: function (data) {

console.log('data' + data.data);

for (var i = 0; i < data.data.length; i++) {

var item = data.data[i];

if(item){

var p_id = item.contentId;

var p_img = item.productorImg;

var p_name = item.productorName;

var p_des = item.productorDes;

var p_url = item.productorUrl;

}

/*新的 数组列表*/

var li = jQuery('

' + ' '%20+%20p_img%20+%20'
' + p_name + '
' + '
' + p_des + '
');

/*改变cells的length*/

console.log('新的li为:' + li.length);

/*新的li数组添加到第一次加载的10条li的后面*/

/*执行到这一步时报错,原来的数据会被替换掉,这里要怎么改?cells返回的是"[object Object]11",看最后面的11应该是push进一条数据,但是这样的数据会报错*/

cells += cells.push(li);

/*将第二次刷新的数据一起append到table中*/

table.append(cells);

}

table.last().addClass('anviz-media');

mui('#pullrefresh').pullRefresh().endPulldownToRefresh();

if (mui.os.plus) {

mui.plusReady(function() {

setTimeout(function() {

mui('#pullrefresh').pullRefresh().pullupLoading();

}, 1000);

});

} else {

mui.ready(function() {

mui('#pullrefresh').pullRefresh().pullupLoading();

});

}

},

error: function (data) {

mui.alert('Error 500--Internal Server Error!');

}

})

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值