MUi框架ajax请求WebService接口实例_AJAX相关

实例如下所示：

mui.init(); 
 mui.plusReady(function() 
 { 
 document.getElementById('login').addEventListener('tap',function() 
 { 
 var UserName=document.getElementById("account").value; 
 var Userpassword= hex_md5(document .getElementById("password").value); 
 mui.ajax('http://XXXXX/Login.asmx/MgLogin', 
 { 
 data:"{'loginname':'"+UserName+"','password':'"+Userpassword+"','identifies':'123456','code':''}", 
 type:'POST',//HTTP请求类型 
 dataType:'json',//服务器返回json格式数据 
 timeout:10000,//超时时间设置为10秒； 
 headers:{'Content-Type':'application/json'}, 
 success:function(data) 
 { 
 //服务器返回响应，根据响应结果，分析是否登录成功； 
 var jsons=data.d; 
 var str=JSON.parse(jsons); 
 if(str["StatusCode"]=="200") 
 { 
 mui.alert("登陆成功"); 
 }else 
 { 
 mui.alert("登陆失败"); 
 } 
 }, 
 error:function(xhr,type,errorThrown) 
 { 
 //异常处理； 
 mui.alert(type); 
 console.log(type); 
 } 
 }); 
 }); 
 });

注意：如果返回的格式有问题会提示：abort

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

原生ajax写的上拉加载实例（图文教程）

ajax 实现微信网页授权登录的方法（图文教程）

利用ajax提交form表单到数据库详解(无刷新)