上拉刷新后台完整版
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了上拉刷新后台完整版相关的知识,希望对你有一定的参考价值。
// 上拉刷新
mui.init({ pullRefresh: { container: ‘#pullrefresh‘, up: { contentrefresh: ‘正在加载...‘, callback: pullupRefresh } } });
var count = 0;
function pullupRefresh() { setTimeout(function() { var table = document.body.querySelector(‘.mui-table-view‘);
var cells = document.body.querySelectorAll(‘.mui-table-view-cell‘); var cat_id=sessionStorage.getItem(‘cat_id‘);
//console.log(count);
mui.ajax(‘http://127.0.1.......‘,{ data:{ cat_id:cat_id, page:cells.length },
dataType:‘json‘, type:‘post‘, timeout:7000,
success:function(data){ //console.log(data.the_page);
mui(‘#pullrefresh‘).pullRefresh().endPullupToRefresh((++count > data.the_page));
if(data.cat_name){ document.getElementById(‘cat_name‘).innerhtml=data.cat_name; }else{ document.getElementById(‘cat_name‘).innerHTML=‘所有新闻‘; }
var news_list = data.newslist; var htmls = ‘‘;
for (var i = 0; i < news_list.length; i++)
{ var li = document.createElement(‘li‘); li.className=‘mui-table-view-cell‘; li.innerHTML = “”
table.appendChild(li);
} },
error:function(){ mui.alert(‘网络异常.‘); }, }); }, 1500); } if (mui.os.plus) { mui.plusReady(function() { setTimeout(function() { mui(‘#pullrefresh‘).pullRefresh().pullupLoading(); }, 1000); }); }else{ mui.ready(function() { mui(‘#pullrefresh‘).pullRefresh().pullupLoading(); }); }
以上是关于上拉刷新后台完整版的主要内容,如果未能解决你的问题,请参考以下文章
为啥使用mui的上拉刷新下拉加载后在电脑上的刷新加载正常手机上就不正常了