Rumah > hujung hadapan web > tutorial js > MUi框架ajax请求WebService接口实例_AJAX相关

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

亚连
Lepaskan: 2018-05-21 16:22:11
asal
2779 orang telah melayarinya

下面我就为大家分享一篇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); 
              } 
          });  
        }); 
      });
Salin selepas log masuk

注意:如果返回的格式有问题会提示:abort

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

原生ajax写的上拉加载实例(图文教程)

ajax 实现微信网页授权登录的方法(图文教程)

利用ajax提交form表单到数据库详解(无刷新)

Atas ialah kandungan terperinci MUi框架ajax请求WebService接口实例_AJAX相关. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan