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

這篇文章主要為大家展示了“MUi框架ajax請求WebService接口的示例分析”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“MUi框架ajax請求WebService接口的示例分析”這篇文章吧。

實例如下所示：

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',//服務(wù)器返回json格式數(shù)據(jù) 
              timeout:10000,//超時時間設(shè)置為10秒； 
              headers:{'Content-Type':'application/json'},          
              success:function(data) 
              { 
                //服務(wù)器返回響應(yīng)，根據(jù)響應(yīng)結(jié)果，分析是否登錄成功； 
                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接口的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！