上拉刷新后台完整版

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的上拉刷新下拉加载后在电脑上的刷新加载正常手机上就不正常了

vue loadMore 上拉刷新不能实现的坑

今天终于学会了下拉刷新,上拉刷新

UI组件——用jQuery做一个上拉刷新

SwipeRefreshLayout + RecyclerView 实现 上拉刷新 和 下拉刷新

MUI - 上拉刷新/下拉加载