MUi框架ajax请求WebService接口实例

2024-07-28 12:37:28

实例如下所示：

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接口实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

您可能感兴趣的文章:

使用MUI框架构建App请求http接口实例代码

使用MUI框架构建App请求http接口实例代码

简介最近在看Dcloud的MUI框架,MUI封装了android.ios等多个平台的原生接口,达到开发一个项目,采取不同打包方式,生产多种平台的app. 无可厚非,对于从事java web开发的工程师,带来了极大的福音,再也不用去花太多时间去学习原生的android.ios语言,大大缩短了app开发的学习周期和成本. 当然,既然是做了封装处理,肯定性能上面不如原生.但是Dcloud官方声称MUI是最接近原生App体验的前端框架,并且在一些低端机上的表现也比较理想,想必也做了不少优化处理,另一方
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").v
ajax请求后台接口数据与返回值处理js的实例讲解

ajax的代码,用的是jquery的 ajax: $.ajax({ url: "/test.php",//后台提供的接口 type: "post", //请求方式是post data:{"type":"1", //这是你要传给后台的data值 "t":"c4552111" }, dataType: "json", //数据类型是json型 success: funct
Ajax请求WebService跨域问题的解决方案

1.背景用Jquery中Ajax方式在asp.net开发环境中WebService接口的调用 2.出现的问题原因分析:浏览器同源策略的影响(即JavaScript或Cookie只能访问同域下的内容); 3.解决方案: (1) JSONP:只支持GET方式 (2) CROS:跨域资源共享以下为CROS解决方案: a.在WebService接口加上响应头信息: b.在web.config文件中加上相关配置节信息: 运用a或者b的解决方案后,浏览器头信息中变动如下: 最终问题得以较好的解决,但对
利用JQUERY实现多个AJAX请求等待的实例

前言通常,jQuery的函数ajax进行Ajax调用.函数ajax只能做一个Ajax调用.当Ajax调用成功时,执行回调函数.可选地,当Ajax调用返回错误时,调用另一个回调函数. 但是,该功能不能根据这些请求的结果进行多个Ajax请求和注册回调函数. 一种情况是,网页使多个Ajax请求在禁用用户交互时收集页面不同部分的数据. 该页面仅在页面获取所有数据之后才能进行用户交互.本文介绍了jQuery提供的一种基于多个Ajax请求来注册回调函数的方法. 这种方法是基于Deferred对象的概念.相关
使用jQuery Ajax 请求webservice来实现更简练的Ajax

在以往我们在做ajax时,都要借助于一般处理程序(.ashx)或web服务(.asmx),并且每一个请求都要建一个这样的文件.这样建一大堆ashx文件,比较麻烦,多了看起来也不爽. 现在我们可以借助webMethod方法来使ajax实现起来更加简练 1,既然要用WebMethod,那肯定就少不了引用一下命名空间了 using System.Web.Services; 在这里,为方便开发,我新建了一个页面专门用于写WebMethod方法.那样会比较方便,也比较好管理. 如果ajax请求比较多,可以
javaweb中ajax请求后台servlet(实例)

废话不多说,直接上代码 public class DZFP_jdbc extends HttpServlet{ private static final long serialVersionUID = 1L; public static Connection conn; public static ResultSet rs = null ; public static PreparedStatement ps = null ; private static String url = "jdbc:
jquery ajax 请求小技巧实例分析

本文实例讲述了jquery ajax 请求小技巧.分享给大家供大家参考,具体如下: jquery 是一个非常好用的js框架,它为我们提供了很多工具.启动异步请求就是很好用的一个工具官方推荐的ajax 请求格式 $.ajax({ url:"http://xxxxxxxxxxxxxxxxx/",//你的域名 dataType:"json", //对服务器返回的结果进行该数据格式处理我这里写了json 也可以红xml.text.html 等格式 type:&quo
.NET的Ajax请求数据提交实例

本文实例讲述了.NET的Ajax请求数据提交实现方法.分享给大家供大家参考.具体如下: 复制代码代码如下: <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %> <head runat="server"> <title>ajax请求</title> <link type
解决拦截器对ajax请求的拦截实例详解

解决拦截器对ajax请求的的拦截拦截器配置: public boolean preHandle(HttpServletRequest request, HttpServletResponse response,Object obj) throws Exception { //获取判定登陆的session是否存在 String token = (String) request.getSession().getAttribute("token"); String postId = (St

MUi框架ajax请求WebService接口实例

您可能感兴趣的文章:

相关推荐

随机推荐