jQuery Ajax调用C# WebService的配置与实现要点
作者：百宝袋时间：2026-10-22 09:04:49浏览：566
本文详解如何使用jQuery Ajax调用C#编写的Web服务。重点介绍Web.config中httpHandlers与webServices协议的必要配置，以及服务端添加ScriptService特性、前端指定contentType为application/json并正确设置POST请求的关键步骤，确保数据交互顺畅。
jQuery Ajax调用C# WebService的配置与实现要点
在使用jQuery的Ajax功能调用C#编写的Web服务时，有几个关键配置和编码细节需要特别注意，以确保通信正常。
Web.config必要配置
首先，必须在项目的Web.config文件中进行两处特定配置，以允许Ajax请求通过。
<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>配置节内添加相应的处理程序定义，以允许对.asmx文件的访问。
<webServices>
<protocols>
<add name="HttpPost" />
<add name="HttpGet" />
</protocols>
</webServices>
服务端代码规范
其次，编写Web服务代码时需遵循特定规范，确保其兼容Ajax调用。
/// <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})(\]?)$");
}
}
服务端代码示例
服务端代码示例展示了如何定义Web服务类，包括必要的特性标记和方法实现。
<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>
前端Ajax调用实现
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持本站。
作者最新文章
JS中parseInt与Number转整数的核心区别及适用场景
2026-11-05 17:35:53
定制 Quill.js 主题样式：修改默认 CSS 与添加自定义类名
2026-11-04 11:21:35
混淆JS代码怎么在线反混淆并格式化阅读
2026-11-03 21:46:39
JS在线编辑器代码报错怎么调试？控制台使用技巧
2026-11-03 21:24:56
从 marked.js 旧版本升级到最新版：API 变更与迁移指南
2026-11-03 17:38:17