首页  >  文章  >  web前端  >  使用MUi框架的WebService接口详解

使用MUi框架的WebService接口详解

php中世界最好的语言
php中世界最好的语言原创
2018-03-30 15:21:392416浏览

这次给大家带来使用MUi框架的WebService接口详解,使用MUi框架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',//服务器返回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

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

使用Ajax和forms实现注册用户所需功能

ajax实现动态饼图和柱形图的图文详解

以上是使用MUi框架的WebService接口详解的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn