请教各位前辈，两端代码，怎么结合才能实现下拉刷新，下拉加载数据？感谢了各位！新手儿来的！

****第一段代码如下：****  
            mui.ajax('http://10.10.27.87/newssystem/index.php/Home/News/getlist',{  
                dataType:'json',  
                type:'GET',  
                timeout:10000,  
                success:function(data){  
                    var list=document.getElementById("list");  
                    var finallist='';  
                    for(i=data.length-1;i>=0;i--){  
                        finallist=finallist+'<li data-id="'+i+'"class="mui-table-view-cell"><a class="mui-navigate-right"><div class="mui-media-body">'+data[i].title+'<p class="mui-ellipsis">'+data[i].content+'</p></div></a></li>';   
                    }  
                    list.innerHTML=finallist;     
                    mui('#list').on('tap','li',function(){  
                        mui.openWindow({  
                            url:'detail.html',  
                            id:'detail',  
                            extras:{  
                                title:data[this.getAttribute('data-id')].title,  
                                author:data[this.getAttribute('data-id')].author,  
                                pubtime:data[this.getAttribute('data-id')].pubtime,  
                                content:data[this.getAttribute('data-id')].content,                               
                            }  
                        })  
                    })  
                },  
                error:function(){  

                }  
            })    
        })  

****第二段代码：是hello mui里面的下拉刷新，上拉加载****  
        <!--下拉刷新容器-->  
        <div id="pullrefresh" class="mui-content mui-scroll-wrapper">  
            <div class="mui-scroll">  
                <!--数据列表-->  
                <ul class="mui-table-view mui-table-view-chevron">  

                </ul>  
            </div>  
        </div>  
        <script src="../js/mui.min.js"></script>  
        <script>  
            mui.init({  
                pullRefresh: {  
                    container: '#pullrefresh',  
                    down: {  
                        callback: pulldownRefresh  
                    },  
                    up: {  
                        contentrefresh: '正在加载...',  
                        callback: pullupRefresh  
                    }  
                }  
            });  
            /**  
             * 下拉刷新具体业务实现  
             */  
            function pulldownRefresh() {  
                setTimeout(function() {  
                    var table = document.body.querySelector('.mui-table-view');  
                    var cells = document.body.querySelectorAll('.mui-table-view-cell');  
                    for (var i = cells.length, len = i + 3; i < len; i++) {  
                        var li = document.createElement('li');  
                        li.className = 'mui-table-view-cell';  
                        li.innerHTML = '<a class="mui-navigate-right">Item ' + (i + 1) + '</a>';  
                        //下拉刷新，新纪录插到最前面；  
                        table.insertBefore(li, table.firstChild);  
                    }  
                    mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed  
                }, 1500);  
            }  
            var count = 0;  
            /**  
             * 上拉加载具体业务实现  
             */  
            function pullupRefresh() {  
                setTimeout(function() {  
                    mui('#pullrefresh').pullRefresh().endPullupToRefresh((++count > 2)); //参数为true代表没有更多数据了。  
                    var table = document.body.querySelector('.mui-table-view');  
                    var cells = document.body.querySelectorAll('.mui-table-view-cell');  
                    for (var i = cells.length, len = i + 10; i < len; i++) {  
                        var li = document.createElement('li');  
                        li.className = 'mui-table-view-cell';  
                        li.innerHTML = '<a class="mui-navigate-right">Item ' + (i + 1) + '</a>';  
                        table.appendChild(li);  
                    }  
                }, 1500);  
            }  
            if (mui.os.plus) {  
                mui.plusReady(function() {  
                    setTimeout(function() {  
                        mui('#pullrefresh').pullRefresh().pullupLoading();  
                    }, 1000);  

                });  
            } else {  
                mui.ready(function() {  
                    mui('#pullrefresh').pullRefresh().pullupLoading();  
                });  
            }