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

今天写了一个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