1. 程式人生 > >mui Ajax實現載入動畫函式與

mui Ajax實現載入動畫函式與

**必須要非同步執行`**
var mask=mui.createMask();//遮罩層
mui(documengt.body).on(‘tap’,’#login’,function(){
mui.ajax(‘http://127.0.0.1/login‘,{
data:{
userName:userName,
userPwd:userPwd
},
dataType: ‘json’, //伺服器返回json格式資料
type: ‘post’, //HTTP請求型別
timeout: 10000, //超時時間設定為10秒;
beforeSend: function() {
plus.nativeUI.showWaiting(title, options);
mask,show();//顯示遮罩層
},
complete: function() {
plus.nativeUI.closeWaiting();
mask.closed();//關閉遮罩層
},
success: function(data) {
//伺服器返回響應,根據響應結果,分析是否登入成功;
if(data==’1’){
mui.alert(‘登入成功’);
}
},
error: function(xhr, type, errorThrown) {
mui.alert(‘伺服器連線超時,請稍後再試’);
}
}
});
“`