<script type="text/javascript">
mui.init();
var dom_login_btn = document.getElementById("login");
dom_login_btn.addEventListener('tap', function(e) {
var cname = document.getElementById("account").value.trim();
var pwd = document.getElementById("password").value.trim();
if(cname.trim().length == 0) {
mui.toast("用户名不能为空!")
return;
} else if(pwd.trim().length == 0) {
mui.toast("密码不能为空!");
return;
} else {
var url = 'http://zyz1.top/handler/LoginCheck.ashx';
mui.ajax(url, {
//data为要发送到后台的数据,是一个json对象
data: {
"cname": cname,
"pwd": pwd
},
//dataType: 'json',
/* 如果后台返回的响应内容的类型是'application/json'时,可不用指定dataType为json,
* 不指定系统会根据后台响应的mime类型来得到相应的数据格式,如果此时设置为'json'反
* 而会出错。
* 如果后台返回的响应内容的类型是'text/plain'时,此时dataType指定为'json'时,mui
* 会自动将返回的符合json格式的json字符串转换为json对象。
*/
type: 'post',//请求方式,一般情况get和post都可以
timeout: 10000,//10秒超时
//success表示请求成功,返回的响应状态码为200时
success: function(data) {
if(data != 'undefined' && data != null && data != '') {
/*data形如:{success:true,child:{cid:'1',cname:'mike',rname:'张三'}}
* 或:{success:false,child:null}
*/
if(data.success == true)
{
mui.toast('登录成功!')
//使用5+ api时,必须放在plusReady事件中
mui.plusReady(function() {
mui.openWindow({
url: 'index.html',
id: 'index',
extras: {
cid: data.child.cid,
cname: data.child.cname,
rname: data.child.rname
}
});
});
} else {
mui.toast("用户名或密码不对!请重新登录!");
}
}
},
/*
*xhr:xhr实例对象
*type:错误描述,可取值:"timeout", "error", "abort", "parsererror"、"null"
*errorThrown:可捕获的异常对象
*/
error: function(xhr, type, errorThrown) {
mui.toast("服务器内部错误!");
console.log('error:' + type);
}
})
/*mui.get(url,callback(data))或mui.post(url,callback(data))是ajax的简化版
* 如果要设置超时,或处理异常时,必须用mui.ajax()
*/
}
});
</script>