MUi框架ajax请求WebService接口的示例分析

这篇文章主要为大家展示了“MUi框架ajax请求WebService接口的示例分析”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“MUi框架ajax请求WebService接口的示例分析”这篇文章吧。

成都创新互联公司企业建站,10年网站建设经验，专注于网站建设技术，精于网页设计，有多年建站和网站代运营经验，设计师为客户打造网络企业风格，提供周到的建站售前咨询和贴心的售后服务。对于网站制作、网站设计中不同领域进行深入了解和探索，创新互联在网站建设中充分了解客户行业的需求，以灵动的思维在网页中充分展现，通过对客户行业精准市场调研，为客户提供的解决方案。

实例如下所示：

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

以上是“MUi框架ajax请求WebService接口的示例分析”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！