ASP.NET中JQuery+AJAX调用后台_

1、ASP.NET中JQuery+AJAX调用后台_ 这篇文章主要介绍了ASP.NET中JQuery+AJAX调用后台的相关资料,需要的伴侣可以参考下 做订餐系统手机端时，遇到一个问题，实现登录功能时，我要调用后台的方法进行验证和推断。我们应用的是webForm进行开发的，正常状况下只要绑定按钮的方法，前后台对应就可以实现。但是，手机端应用MUI样式之后，就不适用于这种状况了。基于这个问题，我们用法JQuery+Ajax技术，其实MUI中也自带ajax技术。 实现过程： webForm代码： function login() var name = document.getElementById(u

2、sername).value; /猎取用户名 var password = document.getElementById(userpassword).value; /猎取密码 var params = name: + name + ,password: + password + ; /将用户名和密码作为参数传过去 $.ajax( url: LoginMobile.aspx/test, /调用后台方法 data: params, type: post, dataType: text, contentType: application/json; charset=utf-8, /设置类型，留意肯

3、定不能丢 success: function (data) if (data = d:true) /留意推断条件 window.location = ./Order/OrderMobile.aspx; else mui.toast(用户名或密码错误！); ); 后台代码： WebMethod public static bool test(string name,string password) /实例化登录业务规律类 CardBll cardBll = new CardBll(); userBll user = new userBll(); Page page = (Page)System.

4、Web.HttpContext.Current.Handler; bool Flag = false; /一般用户 if (name.Length 5) Flag = cardBll.isExist(name, password); if (Flag = true) System.Web.HttpContext.Current.SessionAdmin = name; /SessionAdmin = name; /SessionUsername = cardBll.username(TxtName .Text .Trim (),TxtPassword.Text .Trim (); System

5、.Web.HttpContext.Current.SessionUsername = cardBll.username(name); System.Web.HttpContext.Current.SessioncardLevel = cardBll.cardLevel(name); if (System.Web.HttpContext.Current.SessioncardLevel.ToString() = 一般用户) Flag = true; return Flag; 格外留意： 1、在webForm页面试用Ajax技术调用后台方法时，肯定要加上contentType: applicati

6、on/json; charset=utf-8。否则，就无法调用后台方法。type类型为“Post”。 2、后台方法中 第一，后台的方法必需是静态的； 其次，方法声明要加上特性System.Web.Services.WebMethod()； 第三，传递的参数个数也应当和方法的参数相同。 当然，也可以用法mui中自由的ajax技术，其用法方法跟平常的ajax没有多大的区分，只是书写的形式有点不一样，用法MUI实现的界面形式如下： mui.ajax(LoginMobile.aspx/test, data: params, dataType: text, type: post, contentType: application/json; charset=utf-8, success: function (data) if (data = d:true) window.location = ./Order/OrderMobile.a