hilongjw
hilongjw
  • 发布:2015-02-04 23:35
  • 更新:2019-03-07 18:24
  • 阅读:49855

今天写了一个mui下拉刷新的ajax实现

分类:MUI

通过给后台传递last 和amount两个参数,获取json数组数据。

		<script>  
			mui.init({  
				swipeBack: false,  
				pullRefresh: {  
					container: '#pullrefresh',  
					down: {  
						callback: pulldownRefresh  
					}  
				}  
			});  
			/**  
			 * 下拉刷新具体业务实现  
			 */  
			var last=-5,amount=5;  
			function pulldownRefresh() {  
					last =last+amount;  
  
					var table = document.body.querySelector('.mui-table-view');  
					var cells = document.body.querySelectorAll('.mui-table-view-cell');  
					mui.ajax({  
		            type: "post",  
		            dataType: "json",  
		            url: "http://localhost/amazeui/data.php?action=item",  
		            data: "last="+last+"&amount="+amount,  
		            complete :function(){$("#load").hide();},  
		            success: function(msg){  
		                var data = msg;  
		                var tmp='';  
		                
		                $.each(data, function(i, n){  
		                	  
		                		var li = document.createElement('li');  
								li.className = 'mui-table-view-cell';  
		                		li.innerHTML = '<a class="mui-navigate-right">' + n.itemname + '</a>';  
						//下拉刷新,新纪录插到最前面;  
						table.insertBefore(li, table.firstChild);  
		                     });    
				    
				           
		                }  
		            });    
					  
  
					mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed  
				  
			}  
			  
			if (mui.os.plus) {  
				mui.plusReady(function() {  
					setTimeout(function() {  
						mui('#pullrefresh').pullRefresh().pullupLoading();  
					}, 1000);  
  
				});  
			} else {  
				mui.ready(function() {  
					mui('#pullrefresh').pullRefresh().pullupLoading();  
				});  
			}  
		</script>
11 关注 分享
DCloud_heavensoft shaten 多串君 xiaohai83 微信应用开发 demoniu LuckyJohn Native_O Trust 碌卡 h***@163.com

要回复文章请先登录注册

sum

sum

mark
2019-03-07 18:24
6***@qq.com

6***@qq.com

哎,都是复制来复制去的,没有一个是正经能用的
2018-07-27 20:53
碌卡

碌卡

Uncaught TypeError: Cannot read property 'pullupLoading' of undefined 请问这个是为什么?
2018-04-17 17:40
2***@qq.com

2***@qq.com

mui.min.js:7 Uncaught TypeError: Cannot read property 'classList' of undefined(…)
我遇到的是这个问题,请问楼主是怎么解决的
2017-01-09 09:50
邵

这种页面 添加行点击事件为什么不好使 只有每行的最左边才可以出动点击事件
2016-12-12 11:39
Native_O

Native_O

回复 lucida :
和你有一样的问题 ,请问楼主如何解决那个classList报错的问题呢?
2016-10-28 11:54
Native_O

Native_O

已经遇到了同样的问题了
2016-10-28 11:48
wfc1870

wfc1870

mark下,备用
2016-07-21 10:09
l***@qq.com

l***@qq.com

请问楼主,下接刷新页面,向服务器请求的url的id是上一页通过mui.fire传递过来的参数。这个如何实现。
window.addEventListener('showinfo',function(event){
function pulldownRefresh(){
alert(event.detail.id)
}
});

function pulldownRefresh(){
window.addEventListener('showinfo',function(event){
alert(event.detail.id)
});
}
以上两种方法都取不到值

以下可以取值
window.addEventListener('showinfo',function(event){
alert(event.detail.id)
});
但如何向pulldownRefresh里传值呢,求助
2016-05-24 00:45
demoniu

demoniu

mark一下,刷新机制有问题。
2016-05-18 10:18