MUi框架ajax请求WebService接口实例_AJAX相关-js教程-PHP中文网

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

亚连

发布： 2018-05-21 16:22:11

原创

2734 人浏览过

下面我就为大家分享一篇MUi框架ajax请求WebService接口实例，具有很好的参考价值，希望对大家有所帮助。

实例如下所示：

mui.init(); 
      mui.plusReady(function() 
      { 
        document.getElementById(&#39;login&#39;).addEventListener(&#39;tap&#39;,function() 
        { 
          var UserName=document.getElementById("account").value;  
          var Userpassword= hex_md5(document .getElementById("password").value);      
          mui.ajax(&#39;http://XXXXX/Login.asmx/MgLogin&#39;, 
          {         
              data:"{&#39;loginname&#39;:&#39;"+UserName+"&#39;,&#39;password&#39;:&#39;"+Userpassword+"&#39;,&#39;identifies&#39;:&#39;123456&#39;,&#39;code&#39;:&#39;&#39;}",            
              type:&#39;POST&#39;,//HTTP请求类型 
              dataType:&#39;json&#39;,//服务器返回json格式数据 
              timeout:10000,//超时时间设置为10秒； 
              headers:{&#39;Content-Type&#39;:&#39;application/json&#39;},          
              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表单到数据库详解(无刷新)

以上是MUi框架ajax请求WebService接口实例_AJAX相关的详细内容。更多信息请关注PHP中文网其他相关文章！