在javascript中使用wcf服务

简介:

代码:/Files/zhuqil/wcffromjavascript.zip

 

目录:

  • 开发平台

  • 介绍

  • 使用AJAX-Enabled WCF Service项目模板

  • 使用的类库项目来定义WCF服务接口

  • 配置一个Web 应用程序来使用TODO服务

  • 在JavaScript中使用WCF服务

  • 总结

开发平台:

1、Visual Studio 2008 SP1

2、.NET Framework 3.5 SP1

3、ASP.NET AJAX

4、IIS 7 或者 VS Integrated Web Server [WCF 和 SVS文件的配置]

5、Windows Vista

 

 

 介绍:

 

      WCF为微软的应用程序开发平台提供了大量的新增的功能。特别是在各个应用程序之间的交互。在这篇文章中,我们将看到能够在客户端的Javacript直接使用WCF服务。这个是ASP.NET AJAX提供的非常酷的功能。在这篇文章中,我们不会涵盖WCF内部的原理,我们仅仅关注如何在JavaScript中直接使用wcf服务。因此,没有asp.net或者.net运行时如何管理这些功能的幕后的东西。

    为了演示这些观点和功能,我将创建一个带有两个工程的解决方案的例子。因此,为了不浪费时间,创建一个空解决方案然后保存。现在,在这个解决方案中添加一个类库工程。改名为ServiceLibrary。然后,向这个解决方案中再添加一个Web Application工程,改名为WEBUI 。我们将看到两种途径来添加让Javascript使用的WCF服务。

 

   1、 使用Ajax-Enable WCF Service 项目模板

   2、 将使用的服务接口定义在一个类库项目中

使用Ajax-Enable WCF Service 项目模板

 

      这里,我们将看见一个非常直截了当的方式来实现在JavaScript中使用WCF服务。右击添加好的Web Application工程,选择添加一个新项。选择AJAX-Enabled WCF Service 项目模板,将其命名为“HelloWorldService.svc” ,点击OK。和预期一样向导添加一个HelloWorldService.svc 文件到解决方案中。这个文件是个代码隐藏文件。如果你以XML文本编辑器打开HelloWorldService.svc 文件,你将会看到下面这些标签。

<% @ ServiceHost Language = " C# "  Debug = " true "  
  Service
= " WebUI.HelloWorldService "  CodeBehind = " HelloWorldService.svc.cs "   %>

 

 

    如果你打开隐藏的代码文件,你将会看到如下的代码:

代码

 

Visual Studio 2008 会自动的添加必要的配置到web.config 文件中,所以你不需要在web.config配置任何东西。现在,回到前面添加一个返回字符串 “HelloWorld”的方法,然后为这个方法添加一个[OperationContract] 属性。从 Visual Studio工具箱上拖拽一个Script Manager控件,在ScriptManager 的标签内,添加一个<Services>来引用wcf服务.一个例子给出如下:

 

< asp:ScriptManager  ID ="ScriptManager1"  runat ="server" >
    
< Services >
        
< asp:ServiceReference  Path ="~/HelloWorldService.svc"   />
    
</ Services >
</ asp:ScriptManager >

  

现在,添加一个button和一个textbox到页面上,在button的点击事件中,使用JavaScript 函数来调用WCF服务.下面给出了全部的HTML代码

代码

      注意当调用这个服务的时候,我们传递了两个方法:一个是正常的回调,另外一个是错误的回调。如果你要传递的参数给这个函数,这些参数必须在回调函数的前面。例如,如果我们有一个命名为getvalue 的参数他需要两个字符串的参数,我们将这样调用这个函数:[NameSpaceName].[ServiceName].getvalue(“value one”,”value two”,on_success,on_error);这里on_sucess 和on_error 分别是正常和错误的回调函数。

 

使用的类库项目来定义WCF服务接口

    因此,我们看看如何使用通过一个项目来使用AJAX-enabled WCF 服务。现在,我们将看见一个更传统的WCF服务的实现,我们也将会看见如何公开这个WCF服务给ASP.NET AJAX。  当我们创建的默认类库项目,它是不会被添加WCF必要的的服务模型和运行时序列化的支持,因此,我们不得不添加必要的服务引用。回到前面,右击类库项目。选择添加引用。然后选择下面这些引用:

  • System.Runtime.Serialization
  • System.ServiceModel  

          在这个阶段, 我将使用一个TODO Management 的例子来说明这个观点。 添加一个服务的基础数据库,创建一个TODO 表,它有IDDescription, 和Status 字段。 现在,从项目模板中添加一个LINQ to SQL的类。  从数据库中拖拽TODO表到LINQ to SQL设计类中。 然后,点击属性框中的设计界面,将serialization模式改成Unidirectional.现在 我们设计产生出了准备为wcf使用的LINQ to SQL 类。如果你想要使用客户自定义的类型,你就必须为你的自定义的类型设置[DataContract] 属性,你必须为每个你想曝露给wcf的类的属性添加 [DataMember]属性。

    现在,我们添加一个如下的服务接口:

    代码

         请注意,我们已经提到包含ServiceContract接口属性的命名空间。这是非重要的 。我们将使用这个名字作为在Javascript代码中访问wcf服务的名称。现在,我们将要去实现这个服务接口。代码给出如下所示。请注意,我们使用了 [AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)] 属性类;为了公开这个服务给ASP.NET AJAX ,这样做是必须的。

    代码

     

    配置一个Web 应用程序来使用TODO服务

     

         现在我们已经定义了所有的必须的东西来运行我们的 TODO 程序,现在是时候公开服务给一个能使用WCF的ASP.NET AJAX 程序的客户端。为此,我们将添加一个 AJAX-enabled WCF服务,一个.svc文件。然后处理掉代码隐藏文件。或者我们添加一个XML或文本文件然后将它命名为ToDoService.svc。用一个XML编辑器打开,添加如下指令:

     

  • <% @ ServiceHost Language = " C# "  Debug = " true "  Service = " ServiceLibrary.ToDoService "   %>

     

    现在,我们将在web.config添加必需的配置信息来运行这个服务。代码如下所示:

     

    代码

     

        现在,右击这个文件,然后选择在浏览器中查看,测试一下服务启动和运行是否良好。在进一步叙说之前,有几件事情必须先提,你必须添加添加serviceHostingEnvironment和设置 aspNetCompatibilityEnabled="true",才能在ASP.NET中使用WCF的一些服务,例如 HTTP Context ,Session 等等

     

    在Javascript中使用WCF服务

         现在,像先前我们使用的HelloWorldService一样使用该服务,为了清楚起见,我们给出例子的代码。也给出了ScriptManager标签代码。请注意,我们已经添加的一个clientServiceHelper.js文件,我们把所有的客户端到服务端交互的Javascript函数放在里面了。

     

    代码

     

    我们使用使用ASP.NET AJAX 客户端orm来实现clientServiceHelper.js

    代码

     

    总结:

    在这篇文章中,我们已经学习了如何使用AJAX-enabled WCF Service 项目模版.然后,我们学习了如何使用定义基于wcf服务的服务接口。我们也学习到了如何配置wcf服务的web.config 。最后,我们学习了在一个ScriptManager中添加服务引用。在文章结束之前,一点必须说明,我们能通过C#代码添加服务引用。下面是一个例子的代码:

     

    ScriptManager manager  =  ScriptManager.GetCurrent(Page);
    ServiceReference reference 
    =   new  ServiceReference( " ToDoService.svc " );
    manager.Services.Add(reference);

     

     原文:http://www.codeproject.com/KB/aspnet/wcfinjavascript.aspx





本文转自麒麟博客园博客,原文链接:http://www.cnblogs.com/zhuqil/archive/2009/12/15/1623888.html,如需转载请自行联系原作者

相关文章
|
Web App开发 JavaScript 前端开发
构建高效后端服务:Node.js与Express框架的实战指南
【9月更文挑战第6天】在数字化时代的潮流中,后端开发作为支撑现代Web和移动应用的核心,其重要性不言而喻。本文将深入浅出地介绍如何使用Node.js及其流行的框架Express来搭建一个高效、可扩展的后端服务。通过具体的代码示例和实践技巧,我们将探索如何利用这两个强大的工具提升开发效率和应用性能。无论你是后端开发的新手还是希望提高现有项目质量的老手,这篇文章都将为你提供有价值的见解和指导。
|
JavaScript 前端开发 中间件
构建高效后端服务:Node.js与Express框架的完美搭档
【8月更文挑战第28天】在追求高性能、可扩展和易维护的后端开发领域,Node.js和Express框架的组合提供了一种轻量级且灵活的解决方案。本文将深入探讨如何利用这一组合打造高效的后端服务,并通过实际代码示例展示其实现过程。
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的医院住院综合服务管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的医院住院综合服务管理系统附带文章源码部署视频讲解等
97 0
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的母婴全程服务管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的母婴全程服务管理系统附带文章源码部署视频讲解等
146 1
基于springboot+vue.js+uniapp的母婴全程服务管理系统附带文章源码部署视频讲解等
|
监控 JavaScript 前端开发
深入浅出Node.js: 打造高效的后端服务
【8月更文挑战第27天】在这个数字化飞速发展的时代,后端技术成为支撑互联网服务的基石。Node.js作为其中的佼佼者,以其非阻塞I/O模型、事件驱动架构和丰富的生态系统,赢得了开发者的青睐。本文将带领读者深入理解Node.js的核心概念,通过实际案例分析其应用模式,并探讨如何利用Node.js构建高效、可扩展的后端服务。无论你是初学者还是有经验的开发者,都能在这篇文章中找到提升你的Node.js技能的灵感和知识。
|
Web App开发 JavaScript 中间件
构建高效后端服务:Node.js与Express框架的深度整合
【8月更文挑战第27天】 在现代Web开发中,后端服务的高效性至关重要。本文深入探讨了如何利用Node.js的非阻塞I/O特性和Express框架的简洁性来打造高性能的后端服务。我们将通过具体案例,展示如何在不牺牲代码可读性和可维护性的前提下,实现高效的请求处理和服务端逻辑。文章旨在为开发者提供一个清晰的指导,帮助他们在构建后端服务时做出更明智的技术选择。
|
存储 缓存 JavaScript
构建高效后端服务:Node.js与Express框架的实战应用
【8月更文挑战第2天】在数字化时代的浪潮中,后端服务的构建成为了软件开发的核心。本文将深入探讨如何利用Node.js和Express框架搭建一个高效、可扩展的后端服务。我们将通过实际代码示例,展示从零开始创建一个RESTful API的全过程,包括路由设置、中间件使用以及数据库连接等关键步骤。此外,文章还将触及性能优化和安全性考量,旨在为读者提供一套完整的后端开发解决方案。让我们一同走进Node.js和Express的世界,探索它们如何助力现代Web应用的开发。
|
弹性计算 JavaScript 中间件
构建高效后端服务:使用Node.js和Express框架
【8月更文挑战第4天】本文将通过一个实际案例,详细介绍如何使用Node.js和Express框架快速构建一个高效、可扩展的后端服务。我们将从项目初始化开始,逐步实现RESTful API接口,并介绍如何利用中间件优化请求处理流程。最后,我们将展示如何部署应用到云服务器上,确保其高可用性和可扩展性。
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的居民疫情服务系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的居民疫情服务系统附带文章源码部署视频讲解等
106 2
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的新能源汽车信息咨询服务附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的新能源汽车信息咨询服务附带文章源码部署视频讲解等
159 1

热门文章

最新文章