mui下拉刷新的ajax实现

来源:互联网 发布:网络平台代理合同 编辑:程序博客网 时间:2024/06/05 07:15
<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>
0 0
原创粉丝点击