Detailed explanation of WebService interface using MUi framework

This time I will bring you a detailed explanation of the WebServiceinterface using the MUi framework. What are the precautions when using the MUi framework WebService interface? Here are practical cases, let’s take a look.

The example is as follows:

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); 
              } 
          });  
        }); 
      });

Note: If there is a problem with the returned format, it will prompt: abort

Believe it or not After reading the case in this article, you have mastered the method. For more exciting information, please pay attention to other related articles on the PHP Chinese website!

Recommended reading:

Use Ajax and forms to implement the functions required for registered users

ajax to implement dynamic pie charts and columns Detailed explanation of graphic diagram

The above is the detailed content of Detailed explanation of WebService interface using MUi framework. For more information, please follow other related articles on the PHP Chinese website!