mui下拉刷新的ajax实现
发布时间：2020-12-16 01:57:27 所属栏目：百科 来源：网络整理
导读：script mui . init ({ swipeBack : false , pullRefresh { container '#pullrefresh' down callback pulldownRefresh } }); /** * 下拉刷新具体业务实现 */ var last =- 5 amount = ; function pulldownRefresh () last = last + table document body queryS
|
<script>
mui
.
init
({
swipeBack
:
false
,
pullRefresh
{
container
'#pullrefresh'
down
callback
pulldownRefresh
}
});
/**
* 下拉刷新具体业务实现
*/
var
last
=-
5
amount
=
;
function
pulldownRefresh
()
last
=
last
+
table
document
body
querySelector
(
'.mui-table-view'
);
cells
querySelectorAll
'.mui-table-view-cell'
ajax
type
"post"
dataType
"json"
url
"http://localhost/amazeui/data.php?action=item"
data
"last="
+
"&amount="
complete
:
function
(){
$
"#load"
).
hide
();},51)"> success
(
msg
){
data
msg
tmp
=
''
$
each
data
i
n
li
createElement
'li'
li
className
'mui-table-view-cell'
innerHTML
'<a class="mui-navigate-right">'
itemname
'</a>'
//下拉刷新，新纪录插到最前面；
table
insertBefore
li
firstChild
mui
pullRefresh
().
endPulldownToRefresh
();
//refresh completed
if
os
plus
)
plusReady
(
setTimeout
pullupLoading
},51)">
1000
else
ready
</script> （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |