如何用ajax实现mui下拉列表

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

ajax设置async为同步，数据加载完成后再初始化indexlist

ajax()

var list = document.getElementById('list')

window.indexedList = new mui.IndexedList(list)

---