mui下拉刷新的ajax实现

<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>

你可能感兴趣的:(mui下拉刷新的ajax实现)