在园子里看到关于Ajax调用WebService文章不再少数，也写了几个调用的实例，过两天来看感觉理不清思路，今天加以小结:

WebService没有什么用户界面，只对外公开调用的方法，专注业务逻辑的实现，这恰好和ASP.NET AJAX客户端编程模型所倡导的“将表现层和业务逻辑层彻底分开”的理念不谋而合。

微软的Ajax框架用来处理客户端的用户界面，实现于用户的具体交互，而服务器端只关心数据的处理，而无需理会客户端表现样式的变化。Ajax本身的异步通信层所自动生成的Web Service客户端访问代理，WebService同样也可以借用。

做出一个实例如下:业务需求—在界面的文本框中输入用户名，调用服务器端的WebService中方法返回服务器端的时间并问候该用户.显示在界面上:

输入chenkaige后显示客户端的结果:

调用的WebService代码如下:

其中在WebService中编写代码前必须要导入System.Web.Script.Services空间支持，同时类前加上[ScriptService]的特性(为了生成客户端调用代理)

1. using System;
2. using System.Web;
3. using System.Collections;
4. using System.Web.Services;
5. using System.Web.Services.Protocols;
6. using System.Web.Script;
7. using System.Web.Script.Services;
8. /** <summary>
9. /// 新建一个WebService用来实现通过Ajax的特殊异步通信层来调用该自定义方法
10. /// Author：chenkai    Timer:2009年1月27日23:01:35  Document: A simple Demo
11. /// </summary>
12. [WebService(Namespace = "http://tempuri.org/")]
13. [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
14. [ScriptService]//为了Asp.NET Ajax生成WebService客户端调用代理  进而允许我们再javascript中调用WebService中自定义方法
15. public class WebService : System.Web.Services.WebService {
16. public WebService () {
17. //如果使用设计的组件，请取消注释以下行
18. //InitializeComponent();
19. }
20. /** <summary>
21. /// 自定义一个Webservice方法实现 返回一个重新拼接的字符串
22. /// </summary>
23. /// <param name="clintname">客户端字符窜</param>
24. /// <returns>服务端修改后的字符串</returns>
25. [WebMethod]
26. public string ClintSayHello(string clintname)
27. {
28. return DateTime.Now.ToString() + "Good Night!" + clintname;
29. }
30. }

客户端调用代码:

1. --调用WebService的JavaScript
2. <script type="text/javascript">
3. //自定义通过javaScript调用服务器端的WebService中的自定义方法
4. function ScriptFunction()
5. {
6. //获得文本框中输入的ClintName
7. var getname=document.getElementById("clintname").value;
8. alert(getname);
9. //开始调用Webservice同时还调用一个客户端自定义的回调函数
10. //调用语法是[NameSpace].[ClassName].[MethodName](param1, param2 …, callbackFunction)
11. WebService.ClintSayHello(getname,CallBackFun);
12. }
13. //自定义一个回调函数
14. //该回调函数将在服务器端异步调用成功返回后由ASP.NET AJAX异步通讯层自动调用
15. //回调函数的result参数代表了本次异步调用的返回结果—即调用WebService自定义方法返回结果
16. //其result参数也会由ASP.NET AJAX异步通讯层传递进来，无需任何手工控制
17. function CallBackFun(result)
18. {
19. document.getElementById("DispayResult").innerHTML="<B>"+result+"</B>";
20. alert("Sucess To Transfer Server WebService！");
21. }
22. </script>
23. --页面代码:
24. <asp:ScriptManager ID="ScriptManager1" runat="server">
25. <Services>
26. <asp:ServiceReference Path="WebService.asmx" />
27. </Services>
28. </asp:ScriptManager>
29. <b>///通过Asp.net Ajax框架再客户端调用WebService中方法
30. <br />
31. ///Author:chenkai  Timer:2009年1月27日23:52:45</b>
32. <div>
33. InputClintName:<input type="text" id="clintname" />
34. <input type="button" id="ClintBtnClick" onclick="return ScriptFunction()" value="SendToClint"/>
35. </div>
36. --div层用来显示结果
37. <div id="DispayResult"></div>

微软Ajax框架中调用WebService的具体步骤如下:

(1)WebService类中导入System.Web.Script.Services命名空间，并在类前添加[ScriptService]属性或者将Web Service类或需要暴露给客户端的Web Service方法添加[ScriptService]属性-根据需要来设定
(2)在页面中的ScriptManager控件中添加对该Web Service的引用
    
(3)在客户端使用如下JavaScript语法调用该Web Service：[NameSpace].[ClassName].[MethodName](param1, param2 ......, callbackFunction)

(4)为客户端异步调用指定回调函数，在回调函数中接收返回值并进一步处理

本文转自chenkaiunion 51CTO博客，原文链接:http://blog.51cto.com/chenkai/765474