Jquery Ajax 调用 WebService

原文:http://www.cnblogs.com/andiki/archive/2010/05/17/1737254.html

jquery ajax调用webservice(C#)要注意的几个事项:

1、web.config里需要配置2个地方

<httpHandlers>       <remove verb="*" path="*.asmx"/>       <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>     </httpHandlers> 在<system.web></system.web>之间加入 <webServices>       <protocols>         <add name="HttpPost" />         <add name="HttpGet" />       </protocols>     </webServices>

2.正确地编写webserivce的代码


 /// <summary> /// UserValidate 的摘要说明 /// </summary>  [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] [System.ComponentModel.ToolboxItem(false)] // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。  [System.Web.Script.Services.ScriptService] public class UserValidate : System.Web.Services.WebService { DFHon.Content.Common.rootPublic rp = new DFHon.Content.Common.rootPublic(); [WebMethod] [ScriptMethod(ResponseFormat = ResponseFormat.Json)] public string ValidateUserLogState() { string result = ""; HttpCookie cookie = HttpContext.Current.Request.Cookies["DHFonMenberInfo"]; if (cookie != null) { string username = System.Web.HttpUtility.UrlDecode(cookie["MenberName"]); int ipoint = 0; int gpoint = 0; try { DataTable dt = UserBll.ExecuteUserAllInfo(username);
if (dt.Rows.Count > 0) { ipoint = int.Parse(dt.Rows[0]["iPoint"].ToString()); gpoint = int.Parse(dt.Rows[0]["gPoint"].ToString()); } } catch { } result = "{'user':{'id':'" + cookie["UserId"] + "','name':'" + username + "','message':'" + rp.getUserMsg(DFHon.Global.CurrentCookie.UserName) + "','ipoint':'" + ipoint.ToString() + "','gpoint':'" + gpoint.ToString() + "'}}"; } else { result = "{'user':{'id':'0','name':'','message':'0','ipoint':'0','gpoint':'0'}}"; } return result; }
[WebMethod] [ScriptMethod(ResponseFormat = ResponseFormat.Json)] public string UserLogin(string userName, string userPwd) { string returnVal = ""; try { GlobalUserInfo info; DFHon.Content.UserLogin _UserLogin = new DFHon.Content.UserLogin(); EnumLoginState state = _UserLogin.PersonLogin(HttpUtility.UrlDecode(userName), userPwd, out info); if (state == EnumLoginState.Succeed) { DFHon.Global.CurrentCookie.Set(info); DFHon.API.PDO.DiscuzNT.PassportLogin.UserLogin(Server.UrlDecode(userName), userPwd, -1); int ipoint = 0; int gpoint = 0; DataTable dt = UserBll.ExecuteUserAllInfo(userName);
if (dt.Rows.Count > 0) { ipoint = int.Parse(dt.Rows[0]["iPoint"].ToString()); gpoint = int.Parse(dt.Rows[0]["gPoint"].ToString()); } returnVal = "{'user':{'id':'" + info.UserId.ToString() + "','name':'" + info.UserName + "','message':'" + rp.getUserMsg(userName) + "','ipoint':'" + ipoint.ToString() + "','gpoint':'" + gpoint.ToString() + "'}}"; } else { int ids = 0;//状态:-2用户被锁定 -1用户名密码错误 switch (state) { case EnumLoginState.Err_Locked: ids = -2; break; case EnumLoginState.Err_UserNameOrPwdError: ids = -1; break; default: break; } returnVal = "{'user':{'id':'" + ids + "','name':'','message':'0','ipoint':'0','gpoint':'0'}}"; } } catch { returnVal = "{'user':{'id':'0','name':'','message':'0','ipoint':'0','gpoint':'0'}}"; } return returnVal; } [WebMethod] public string UserLogout() { if (HttpContext.Current.Request.Cookies["DHFonMenberInfo"] != null) { HttpCookie cookie = new HttpCookie("DHFonMenberInfo"); cookie.Expires = System.DateTime.Now.AddDays(-1); cookie.Domain = DFHon.Config.BaseConfig.getV("weblogin"); HttpContext.Current.Response.AppendCookie(cookie); } return "1"; } DFHon.Content.user UserBll = new DFHon.Content.user(); [WebMethod] public string ValidateUserEmail(string email) { string result = "0";//返回的结果 -2邮箱为空 -1邮箱格式不正确 0邮箱存在 1填写正确 if (string.IsNullOrEmpty(email)) { result = "-2";//邮箱为空 } else if (!IsValidEmail(email)) { result = "-1";//邮箱格式不正确 } else if (UserBll.sel_useremail(email) > 0) { result = "0";//邮箱存在 } else { result = "1";//可以注册 } return result; }
[WebMethod] public string ValidateUserName(string username) { string result = "0";//返回值:-1用户名长度为2-16;0用户名存在;1可以注册 if (username == "" || username == null || username.Length < 2 || username.Length > 16) { result = "-1"; } else if (UserBll.sel_username(username) != 0) { result = "0"; } else { result = "1"; } return result; }
public bool IsValidEmail(string strIn) { // Return true if strIn is in valid e-mail format. return System.Text.RegularExpressions.Regex.IsMatch(strIn, @"^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$"); } }

3、前台JQuery代码


<script>         $(function() {             $("#userloging").show();             //登录框处理开始             //加载登录状态             $.ajax({                 type: "POST", //访问WebService使用Post方式请求                 contentType: "application/json;charset=utf-8", //WebService 会返回Json类型                 url: "/API/Service/UserValidate.asmx/ValidateUserLogState", //调用WebService                 data: "{}", //Email参数                 dataType: 'json',                 beforeSend: function(x) { x.setRequestHeader("Content-Type", "application/json; charset=utf-8"); },                 error: function(x, e) { },                 success: function(response) { //回调函数,result,返回值                     $("#userloging").hide();                     var json = eval('(' + response.d + ')');                     var userid = json.user.id;                     if (userid > 0) {                         $("#spanusername").html(json.user.name);                         $("#spanmessagenum").html(json.user.message);                         $("#userloginsucced").show();                         $("#userloginbox").hide();                     }                 }             });             //登录             $("#userlogbutton").click(function() {                                 var username = $("#username").val();                 var userpwd = $("#userpassword").val();                 if (username != "" && userpwd != "") {                     $("#userloging").show();                     $.ajax({                         type: "POST", //访问WebService使用Post方式请求                         contentType: "application/json;charset=utf-8", //WebService 会返回Json类型                         url: "/API/Service/UserValidate.asmx/UserLogin", //调用WebService                         data: "{userName:'" + username + "',userPwd:'" + userpwd + "'}", //Email参数                         dataType: 'json',                         beforeSend: function(x) { x.setRequestHeader("Content-Type", "application/json; charset=utf-8"); },                         error: function(x, e) {                         },                         success: function(result) { //回调函数,result,返回值                             $("#userloging").hide();                             var json = eval('(' + result.d + ')');                             var userid = json.user.id;                             if (userid > 0) {                                 $("#spanusername").html(json.user.name);                                 $("#spanmessagenum").html(json.user.message);                                 $("#userloginsucced").show();                                 $("#userloginbox").hide();                             }                             else {                                 switch (userid) {                                     case -2:                                         alert("用户被锁定!请30分钟后再登录!");                                         $("#username").focus();                                         break;                                     case -1:                                         alert("用户名或密码错误!请核对您的用户名和密码!");                                         $("#userpassword").focus();                                         break;                                     default:                                         alert("登录失败!请核对您的用户名和密码之后重试!");                                         $("#userpassword").focus();                                         break;                                 }                             }                         }                     });                 }                 else if (username == "") {                     alert("用户名不能为空!");                     $("#username").focus();                 }                 else if (userpwd == "") {                     alert("密码不能为空!");                     $("#userpassword").focus();                 }             });             //退出             $("#logout").click(function() {                 $("#userloging").show();                 $.ajax({                     type: "POST", //访问WebService使用Post方式请求                     contentType: "application/json;utf-8", //WebService 会返回Json类型                     url: "/API/Service/UserValidate.asmx/UserLogout", //调用WebService                     data: "{}", //Email参数                     dataType: 'json',                     beforeSend: function(x) { x.setRequestHeader("Content-Type", "application/json; charset=utf-8"); },                     success: function(result) { //回调函数,result,返回值                         $("#userloging").hide();                         if (result.d > 0) {                             $("#userloginsucced").hide();                             $("#userloginbox").show();                         }                     }                 });
}); //登录框处理结束 }); </script>
上一篇:夺命雷公狗—angularjs—3—表单验证的高级用法


下一篇:Mybatis中实体类属性与数据库列表间映射方法介绍