一起来学ASP.NET Ajax(五)之使用服务

原创于 2013-02-04 15:09:35 发布 · 941 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了在ASP.NET中利用WebService进行通信的方法，包括Employee类的定义、客户端代码的使用及WebService服务端代码的实现，并展示了运行结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在ASP.NET 中，除了上几篇博客中介绍的通信方式，还可以使用服务的方式进行通信，如下所示。

Employee类

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
/// <summary>
/// Employee类
/// </summary>
public class Employee
{
	private string _FirstName;
	private string _LastName;
	private string _Title;

	public Employee() { }
    /// <summary>
    /// 带参数构造函数
    /// </summary>
    /// <param name="firstName">姓</param>
    /// <param name="lastName">名</param>
    /// <param name="title">职位</param>
	public Employee(string firstName, string lastName, string title)
	{
		this._FirstName = firstName;
		this._LastName = lastName;
		this._Title = title;
	}
    /// <summary>
    /// 姓
    /// </summary>
	public string FirstName
	{
		get
		{
			return this._FirstName;
		}
	}
    /// <summary>
    /// 名
    /// </summary>
	public string LastName
	{
		get
		{
			return this._LastName;
		}
	}
    /// <summary>
    /// 职位
    /// </summary>
	public string Title
	{
		get
		{
			return this._Title;
		}
	}
}

客户端代码

<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server"></script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Web Service Access</title>
</head>
<body>
    <form id="form1" runat="server">
		<asp:ScriptManager ID="ScriptManager1" runat="server">
			<Services>
                <%--注册WebService，指明使用的服务路径--%>
				<asp:ServiceReference Path="EmployeeServiece.asmx" />
			</Services>
		</asp:ScriptManager>

		<script language="javascript" type="text/javascript">
		    //相当于服务器端的代理,将回调函数传入即可
		    function showEmployee(firstName, lastName, title) {
		        //直接使用服务器端的方法
		        AspNetAjaxOverview.EmployeeService.GetEmployee(
					firstName,
					lastName,
					title,
					onGetEmployeeSuccess);
		    }
		    //回调函数,直接使用employee对象
		    function onGetEmployeeSuccess(employee) {
		        alert(String.format(
					"Hello I'm {0} {1}, my title is '{2}'",
					employee.FirstName,
					employee.LastName,
					employee.Title));
		    }
		</script>
		<input type="button" value="Bill Gates"
			onclick="showEmployee('Bill', 'Gates', 'Chair man')" />
		<input type="button" value="Steve Ballmer"
			onclick="showEmployee('Steve', 'Ballmer', 'CEO')" />
    </form>
</body>
</html>

WebService

<%@ WebService Language="C#" Class="AspNetAjaxOverview.EmployeeService" %>

using System;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Web.Script.Services;

//这个是通过创建web服务添加的
namespace AspNetAjaxOverview
{
    //命名空间
	[WebService(Namespace = "http://tempuri.org/")]
	[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
	
    // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。
    //允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务（这里需要取消默认的注释） 
    [System.Web.Script.Services.ScriptService]   
	public class EmployeeService : System.Web.Services.WebService
	{
		[WebMethod]
        //添加下面标记后可以在客户端使用该方法
		[ScriptMethod]
        //这里的方法是之前C#写的代码，与前台的Ajax语法无关，只是被调用而已
		public Employee GetEmployee(string firstName, string lastName, string title)
		{
			return new Employee(firstName, lastName, title);
		}
	}
}

运行结果