MUi框架ajax请求WebService接口实例

 更新时间:2018年01月31日 10:39:56   作者:P_Alex  
下面小编就为大家分享一篇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

以上这篇MUi框架ajax请求WebService接口实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Ajax四种元素的关系介绍

    Ajax四种元素的关系介绍

    应用程序通过XMLHttpRequest对象以后台的方式从服务器获取数据,通过CSS和DOM改变界面的外观,感兴趣的朋友可以了解下本文
    2014-01-01
  • ajax返回的json内容进行排序使用sort()方法实现

    ajax返回的json内容进行排序使用sort()方法实现

    关于ajax返回的json内容进行排序,主要使用sort()对数组的元素进行排序,具体实现如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-07-07
  • ajax跨域获取网站json数据的实例

    ajax跨域获取网站json数据的实例

    下面小编就为大家分享一篇ajax跨域获取网站json数据的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-12-12
  • 使用Ajax进行文件与其他参数的上传功能(java开发)

    使用Ajax进行文件与其他参数的上传功能(java开发)

    这篇文章主要介绍了使用Ajax进行文件与其他参数的上传功能(java开发),非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2017-01-01
  • Ajax开始准备入门篇

    Ajax开始准备入门篇

    我很开心您来阅读我写的关于ajax的实例教程,无论您是第一次还是老朋友.我将在这里献上我至今所学,并毫不吝啬。
    2010-10-10
  • ajax获得json对象数组 循环输出数据的方法

    ajax获得json对象数组 循环输出数据的方法

    今天小编就为大家分享一篇ajax获得json对象数组 循环输出数据的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • ajax同步异步简单实现

    ajax同步异步简单实现

    本文为大家介绍下ajax同步异步的简单实现,感兴趣的朋友可以参考下
    2014-01-01
  • Ajax请求和Filter配合案例解析

    Ajax请求和Filter配合案例解析

    这篇文章主要介绍了Ajax请求和Filter配合案例解析的,本文给大家介绍的非常详细,具有参考借鉴加载,需要的朋友可以参考下
    2016-12-12
  • 使用Nginx 反向代理来避免 ajax 跨域请求的方法

    使用Nginx 反向代理来避免 ajax 跨域请求的方法

    这篇文章主要介绍了使用Nginx 反向代理来避免 ajax 跨域请求的方法的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • ajax接口文档url路径的简写实例

    ajax接口文档url路径的简写实例

    前端工程师将来打交道最多的是Http API接口,此种接口会提供一个URL地址暴露在互联网上,可以通过编写Ajax代码去与之交互来完成功能,下面这篇文章主要给大家介绍了关于ajax接口文档url路径简写的相关资料,需要的朋友可以参考下
    2021-10-10

最新评论