mui---ajax登录请求示例
发布时间:2020-12-16 03:04:36 所属栏目:百科 来源:网络整理
导读: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.getEl
<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> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |