第一次加载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('

' + '

' + 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!');

}

})

}

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

  1. 小程序在父组件执行子组件方法,可适用于下拉刷新上拉加载之后执行子组件方法

    当父组件引用了子组件的时候,会遇到父组件执行子组件的方法,比如下拉刷新上拉加载等事件只有在页面中才能检测到,但是获取数据的方法在子组件,这时就可以执行子组件方法. 思路很简单,类似于vue中给子组件加 ...

  2. 小程序在父组件执行子组件方法,可适用于下拉刷新上拉加载之后执行子组件方法...

    当父组件引用了子组件的时候,会遇到父组件执行子组件的方法,比如下拉刷新上拉加载等事件只有在页面中才能检测到,但是获取数据的方法在子组件,这时就可以执行子组件方法. 思路很简单,类似于vue中给子组件加 ...

  3. WP8中 ListBox x下拉刷新 以及 ScrollViewer/ListBox 的ManipulationCompleted 失效的解决方案

    WP8中 ListBox x下拉刷新 以及 ScrollViewer/ListBox 的ManipulationCompleted 失效的解决方案 参考文章: (1)WP8中 ListBox x下拉刷 ...

  4. 小程序中scroll-view的下拉刷新和小程序页面的下拉刷新开启方法

    scroll-view的下拉刷新 video.wxml中 <scroll-view class="videoScroll" scroll-y="true" ...

  5. android中常用的下拉刷新加载更多_如何设计“加载流程”

    为什么要处理"加载"状态 在页面拉取数据.或提交某些数据时,需要一定的时间来等待服务端返回结果.如果不处理加载,用户可能会看到一片空白,以为你的软件出错:或者因没有建立心理预期,被 ...

  6. android 下拉刷新监听,说说在 Android 的 RecyclerView 中如何实现下拉刷新

    1 SwipeRefreshLayout 修改布局文件,新增 SwipeRefreshLayout :<?xml  version="1.0" encoding=" ...

  7. 怎么在html mui中找到下拉刷新,HelloMUI例子中的下拉刷新

    例子中的下拉刷新,如果有新记录就会追加到li前面. 现在的要求是:不管当前页面已经上拉加载了多少记录了,下拉刷新后,显示最新的10条记录,其余的再上拉加载进行查看. 我在HelloMUI的demo里面 ...

  8. 使用MUI框架,模拟手机端的下拉刷新,上拉加载操作。

    套用mui官方文档的一句话:"开发者只需关心业务逻辑,实现加载更多数据即可".真的是不错的框架. 想更多的了解这个框架:http://dev.dcloud.net.cn/mui/ ...

  9. mui下拉刷新 ,无法滑动

    由于在开发中,经常用到mui前端框架,所有经常犯了一些低级错误,业务流程都做出来了,可是下拉刷新的时候就是动不了,下面还有一些div没有显示出来,可是就是拉不下去. 1.首先得写上完整的html的mu ...

  10. MUI下拉刷新与区域滚动冲突的解决办法,实际解决

    今天遇到了MUI下拉刷新的大坑,百度了好久也没看到有能用的解决办法. 自己查阅HTML 5+ API文档后,觉得可以监听scroll事件,当到达顶部时开启下拉刷新,非顶部时关闭即可.一尝试果然可行. ...

最新文章

  1. 2022-2028年中国输配电设备全产业链投资分析及前景预测报告
  2. 现场总线和工业以太网
  3. c++ socket 结构体
  4. 你真的了解NSNotificationCenter吗?
  5. SAP Spartacus Set Active BaseSite action执行的时间点 - Route路由触发方式
  6. 美国明确警告德国,3G退网5G手机不需要换号,抽烟酗酒学生不能认定为家庭经济困难,大学食堂凭运动步数打折,这就是今天的大新闻。...
  7. 使用拦截器分析Java EE应用程序的性能下降/提高
  8. H26L encoder.cfg参数分析
  9. 老板思维:工作负责人是首问责任制
  10. 【Arduino】开发入门教程【六】数据类型转换函数
  11. python怎么让py里面逐行运行_怎样在安卓上运行python
  12. java用正则表达式 编写简单词法分析器_500+ 精选 Java 面试题大放送
  13. 这个爬虫是你五一假期所需要的!
  14. 开源练习linux网络编程,如何学习Linux网络编程
  15. httpUtils 工具类
  16. php gd保存图片,PHP: GD - Manual
  17. python求不规则图形面积_使用Python生成不规则形状的图形
  18. 最新触摸精灵开发教程(价值300
  19. 会议OA项目(我的会议中的会议排座送审功能)
  20. 近岸蛋白递交注册:年营收3.4亿 朱化星控制71.24%表决权

热门文章

  1. 伯爵写给女巫的一封信
  2. appbase_实时图形数据库即服务与Appbase
  3. H5 video 自动播放(autoplay)不生效解决方案
  4. 动词ing基本用法_动词ing形式的用法
  5. 对120年的奥运数据进行了可视化分析
  6. ie8 css hack 只适用ie8的css写法
  7. spring boot的 banner
  8. The Security Database on the Server Does Not Have a Computer Account
  9. vue 全局背景音乐
  10. 领扣LintCode问题答案-5. 第k大元素