首頁 > web前端 > js教程 > 主體

MUi框架ajax請求WebService介面實例_AJAX相關

亚连
發布: 2018-05-21 16:22:11
原創
2561 人瀏覽過

下面我就為大家分享一篇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',//服务器返回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

上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

原生ajax寫的上拉載入實例(圖文教學)

ajax 實作微信網頁授權登入的方法(圖文教學)

利用ajax提交form表單到資料庫詳解(無刷新)

以上是MUi框架ajax請求WebService介面實例_AJAX相關的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!