mui.init({
pullRefresh: { //下拉
container: "#pullrefresh",
down: {
contentdown: "下拉加载",
contentover: "释放刷新",
contentrefresh: "正在加载..",
callback: pulldownRefresh
},
up: {
contentrefresh: '加载中',
contentnomore: '没有更多数据了',
callback: pullupRefresh
}
}
});
function pulldownRefresh() {
//以下处理跨域
PageNo = 1;
type = 2;
request = new XMLHttpRequest();
request.open("POST", "http://xxx.com");
var data = 'PageSize=' + PageSize + '&PageNo=' + PageNo;
request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
request.onreadystatechange = chuli;
request.send(data);
PageNo = 2;
}
function pullupRefresh() {
type = 1;
request = new XMLHttpRequest();
request.open("POST", "http://xxx.com");
var data = 'PageSize=' + PageSize + '&PageNo=' + PageNo;
request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
request.onreadystatechange = chuli;
request.send(data);
PageNo += 1;
}
function chuli() {
if (request.readyState === 4) {
if (request.status === 200) {
var data = JSON.parse(request.responseText);
if (data.code == 200) {
var msg = data.data;
var count = data.mes;
var table = document.body.querySelector('.mui-table-view');
if (type == 2) {
table.innerHTML = '';
}
var cells = document.body.querySelectorAll('.mui-table-view-cell');
for (var i = 0; i < msg.length; i++) {
msg[i].smeta = JSON.parse(msg[i].smeta);
var li = document.createElement('li');
li.className = 'mui-table-view-cell';
li.innerHTML = '' +
'
' + msg[i].post_title + '
' + msg[i].post_excerpt + '
';if (type == 1) { //上拉
table.appendChild(li);
} else {
table.insertBefore(li, table.firstChild);
}
}
if (type == 1) { //上拉
if (PageNo >= count) {
mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
}
} else {
mui('#pullrefresh').pullRefresh().endPulldownToRefresh();
//mui('#pullrefresh').pullRefresh().refresh(true);
}
} else {
mui.toast(data.mes);
}
} else {
mui.toast('不是代码问题');
}
}
}
//刚进来下拉
function pageInit() {
if (mui.os.plus) {
mui.plusReady(function() {
setTimeout(function() {
mui('#pullrefresh').pullRefresh().pulldownLoading();
}, 500);
});
} else {
mui.ready(function() {
mui('#pullrefresh').pullRefresh().pulldownLoading();
});
}
}
function openMenu() {
!index && (index = mui.currentWebview.parent());
mui.fire(index, "menu:open");
}
var index = null; //主页面
var PageNo = 1;
var PageSize = 8;
var request = "";
var type = 2; //1上拉 2下拉
pageInit();
以上是我处理跨域的方法 服务器端php还要设置 header('Access-Control-Allow-Origin:*');
如果是用jsonp的话数据量不能太大,希望能帮到你们