ASP.NET Ajax调用WCF服务正确实现方法浅谈

开发 开发工具
我们今天首先要为大家介绍的就是有管ASP.NET Ajax调用WCF服务的一些准备工作,然后一步步的对相关操作步骤进行详解。

我们今天主要为大家介绍的就是有关ASP.NET Ajax调用WCF服务的具体实现方法,主要的应用开发环境是:.NET Framework 3.5 Beta 2+Visual Studio 2005。那么接下来就让我们一起来看一下相关的操作步骤吧。 #t#

准备:

1、安装.NET Framework 3.5 Beta 2。

ASP.NET Ajax调用WCF服务需要.NET Framework 3.5 Beta 2中的System.Web.Extensions.dll(3.5.0.0),System.ServiceModel.Web.dll支持。

开始我安装的是.NET Framework 3.5 June 2007 Community Technology Preview (CTP),走了一些弯路。

2、安装Visual Studio 2005 extensions for .NET Framework 3.0 (WCF & WPF)。

3、检查IIS是否有.svc到c:\windows\microsoft.net\framework\v2.0.50727\aspnet_isapi.dll的映射,如果没有,建立映射,建立时取消“检查文件是否存在”的选择。

开始:

1、在VS 2005中新建一个Web Site项目。

添加web.config,将改为。

2、在该项目中添加一个WCF Service,命名为CNBlogsWCFService.svc。

 

 

3、修改App_Code中CNBlogsWCFService.cs的代码:

 

  1. [ServiceContract(Namespace = "http://www.cnblog.com/")]   
  2. public interface ICNBlogsWCFService   
  3. {   
  4. [OperationContract]   
  5. string AddToFavorites(string blogID, string postID);   
  6. }   
  7. public class CNBlogsWCFService : ICNBlogsWCFService   
  8. {   
  9. public string AddToFavorites(string blogID, string postID)   
  10. {   
  11. return string.Format("收藏成功!BlogID:{0},PostID:{1}", blogID, postID);   
  12. }   

4、修改CNBlogsWCFService.svc的代码:

增加:

Factory="System.ServiceModel.Activation.WebScriptServiceHostFactory。

改为:

  1. < %@ ServiceHost Language="C#" Debug="true" Service="CNBlogsWCFService" 
    CodeBehind="~/App_Code/CNBlogsWCFService.cs" 
    Factory="System.ServiceModel.Activation.WebScriptServiceHostFactory"%>
    < %@ ServiceHost Language="C#" Debug="true" Service="CNBlogsWCFService"
     CodeBehind="~/App_Code/CNBlogsWCFService.cs" 
    Factory="System.ServiceModel.Activation.WebScriptServiceHostFactory"%> 

Factory是.NET Framework 3.5 Beta 2中增加的,而我们用的是Visual Studio 2005 extensions for .NET Framework 3.0,所以要手动加上。

如果不通过Ajax调用WCF,需要设置为:Factory="System.ServiceModel.Web.WebServiceHostFactory"。

5、开始***次运行,访问http://localhost/AjaxWCFDemo/CNBlogsWCFService.svc,会出现如下页面:

 

6、继续运行,访问http://localhost/AjaxWCFDemo/CNBlogsWCFService.svc/js,你会看到自动生成访问WCF的客户端代理脚本。

7、OK!服务器端的WCF已经准备好了,下面就开始客户端的访问。

8、配置ASP.NET Ajax调用WCF服务,在web.config中进行设置:

 

  1. < ?xml version="1.0"?> 
  2. < configuration>   
  3. < appSettings/> 
  4. < connectionStrings/> 
  5. < system.web> 
  6. < compilation debug="false"> 
  7. < assemblies> 
  8. < add assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, 
    PublicKeyToken=31BF3856AD364E35"
    /> 
  9. < /assemblies> 
  10. < /compilation> 
  11. < authentication mode="Forms" /> 
  12. < httpHandlers> 
  13. < add verb="*" path="*_AppService.axd" validate="false" 
    type="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, 
    PublicKeyToken=31BF3856AD364E35"
    /> 
  14. < add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.
    Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, 
    Culture=neutral, PublicKeyToken=31bf3856ad364e35"
     validate="false"/> 
  15. < /httpHandlers> 
  16. < httpModules> 
  17. < add name="ScriptModule" type="System.Web.Handlers.ScriptModule, 
    System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, 
    PublicKeyToken=31bf3856ad364e35"
    /> 
  18. < /httpModules> 
  19. < /system.web> 
  20. < /configuration>  

 

注意:要设置为3.5版本的System.Web.Extensions,如果使用asp.net ajax 1.0会得不到ASP.NET Ajax调用WCF服务返回的结果。

9、修改default.aspx的代码:

1)添加ScriptManager,将ServiceReference设置为:~/CNBlogsWCFService.svc。

2)将

 

  1. < %@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, 
    Culture=neutral, PublicKeyToken=31bf3856ad364e35"
     
  2. Namespace="System.Web.UI" TagPrefix="asp" %>  

改为:

 

  1. < %@ Register Assembly="System.Web.Extensions, Version=3.5.0.0, 
    Culture=neutral, PublicKeyToken=31BF3856AD364E35"
     
  2. Namespace="System.Web.UI" TagPrefix="asp" %>  

 

2)添加调用WCF服务的代码,完整代码如下:

 

  1. < %@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" 
    Inherits="_Default" %> 
  2. < %@ Register Assembly="System.Web.Extensions, Version=3.5.0.0, 
    Culture=neutral, PublicKeyToken=31BF3856AD364E35"
     
    Namespace="System.Web.UI" TagPrefix="asp" %> 
  3. < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
    > 
  4. < html xmlns="http://www.w3.org/1999/xhtml" > 
  5. < head runat="server"> 
  6. < title>Ajax WCF 演示 < /title> 
  7. < /head> 
  8. < body> 
  9. < form id="form1" runat="server"> 
  10. < div align="center" style="margin-top:50px"> 
  11. < asp:ScriptManager ID="ScriptManager1" runat="server"> 
  12. < Services> 
  13. < asp:ServiceReference Path="~/CNBlogsWCFService.svc" /> 
  14. < /Services> 
  15. < /asp:ScriptManager> 
  16. < a href="#" onclick="AddToFavorites('1','2')">收藏< /a>< br /> 
  17. < br /> 
  18. < span style="color:Red" id="Msg">< /span> 
  19. < script type="text/javascript"> 
  20. function AddToFavorites(blogID,postID)  
  21. {  
  22. var wcf = new www.cnblog.com.ICNBlogsWCFService();  
  23. wcf.AddToFavorites(blogID,postID,OnSucceeded);  
  24. }  
  25. function OnSucceeded(result)  
  26. {   
  27. document.getElementById("Msg").innerHTML = result;   
  28. }   
  29. < /script> 
  30. < /div> 
  31. < /form> 
  32. < /body> 
  33. < /html> 

 

 

10、一切就绪,体验一下ASP.NET Ajax调用WCF服务的快乐!

责任编辑:曹凯 来源: CSDN
相关推荐

2010-02-25 16:52:12

引用WCF服务

2009-07-21 09:53:55

ASP.NET AJAWCF服务

2010-03-01 17:44:39

Silverlight

2009-04-07 16:21:35

ASP.NETAJAXWCF

2009-07-20 17:39:36

WCF服务ASP.NET AJA

2009-07-27 17:54:39

WCF服务ASP.NET

2009-04-21 09:37:50

ASP.NETAjaxJavaScript

2009-07-22 16:11:43

ASP.NET AJA

2010-02-25 09:13:34

WCF异步调用

2010-02-26 08:59:10

WCF服务宿主程序

2010-01-22 13:08:50

VB.NET创建数组

2010-02-26 11:22:16

LitwareHR使用

2010-02-24 10:41:28

WCF服务保护

2009-07-28 16:03:23

ASP.NET状态服务

2009-07-27 17:38:30

WCF服务ASP.NET 3.5

2010-02-25 13:48:23

WCF动态创建代码

2009-01-16 13:17:16

AjaxASP.NET.NET

2009-07-20 17:59:07

JavaScript调ASP.NET AJA

2009-07-27 17:51:58

WCF服务ASP.NET

2010-02-25 10:10:29

WCF使用Header
点赞
收藏

51CTO技术栈公众号