AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

化零为整WCF(18) - Web编程模型(WCF创建REST, AJAX调用WCF)

2017-11-08 1074
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
[索引页]
[源码下载] 


化零为整WCF(18) - Web编程模型(WCF创建REST, AJAX调用WCF)


作者： webabcd


介绍
WCF(Windows Communication Foundation) - Web编程模型：使用WCF创建REST服务，使用asp.net ajax调用WCF服务 
    ·System.ServiceModel.Activation.WebServiceHostFactory - 用于承载使用 WCF Web 编程模型的服务
    ·System.ServiceModel.Activation.WebScriptServiceHostFactory  - 能够向服务中自动添加 ASP.NET AJAX 终结点而无需进行配置


示例(使用WCF创建REST服务)
1、服务
User.cs
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
 
using System.ServiceModel; 
using System.Runtime.Serialization; 
 
namespace WCF.ServiceLib.Web 
{ 
         /// <summary> 
         /// User实体类 
         /// </summary> 
        [DataContract] 
         public  class User 
        { 
                 /// <summary> 
                 /// 用户名 
                 /// </summary> 
                [DataMember(Order = 0)] 
                 public  string Name { get; set; } 
 
                 /// <summary> 
                 /// 生日 
                 /// </summary> 
                [DataMember(Order = 1)] 
                 public DateTime DayOfbirth { get; set; } 
        } 
 
}
 
IREST.cs
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
 
using System.ServiceModel; 
using System.ServiceModel.Web; 
 
namespace WCF.ServiceLib.Web 
{ 
         /// <summary> 
         /// 演示REST(Representational State Transfer)的接口 
         /// </summary> 
         /// <remarks> 
        /// HTTP方法中： 
        /// PUT相当于Create 
        /// GET相当于Read 
        /// POST相当于Update 
        /// DELETE相当于Delete 
        /// </remarks> 
        [ServiceContract] 
         public  interface IREST 
        { 
                 /// <summary> 
                 /// 创建用户 
                 /// </summary> 
                 /// <param name="name">用户名</param> 
                 /// <param name="dayOfbirth">生日</param> 
                 /// <remarks> 
                /// WebInvoke - 指示服务操作在逻辑上就是调用操作，而且可由 Web 编程模型调用 
                /// UriTemplate - 用于服务操作的统一资源标识符 (URI) 模板。URI模板可以将一个 URI 或一组 URI 映射到服务操作。有关 URI 模板的更多信息，请参见 UriTemplate 和 UriTemplateTable 
                /// Method - 与操作关联的协议方法，默认为 POST 
                /// ResponseFormat - 指定从服务操作发出的响应的格式。Xml 或 Json 
                /// </remarks> 
                [OperationContract] 
                [WebInvoke( 
                        UriTemplate =  "User/{name}/{dayOfbirth}", 
                        Method =  "PUT", 
                        ResponseFormat = WebMessageFormat.Json)] 
                User CreateUser( string name,  string dayOfbirth); 
 
                 /// <summary> 
                 /// 获取用户信息 
                 /// </summary> 
                 /// <param name="name">用户名</param> 
                 /// <remarks> 
                /// WebGet - 指示服务操作在逻辑上就是检索操作，而且可由 Web 编程模型调用 
                /// </remarks> 
                [OperationContract] 
                [WebGet( 
                        UriTemplate =  "User/{name}", 
                        ResponseFormat = WebMessageFormat.Json)] 
                User GetUser( string name); 
 
                 /// <summary> 
                 /// 更新用户信息 
                 /// </summary> 
                 /// <param name="name">用户名</param> 
                 /// <param name="dayOfbirth">生日</param> 
                 /// <returns></returns> 
                [OperationContract] 
                [WebInvoke(UriTemplate =  "User/{name}/{dayOfbirth}", 
                        Method =  "POST", 
                        ResponseFormat = WebMessageFormat.Json)] 
                 bool UpdateUser( string name,  string dayOfbirth); 
 
                 /// <summary> 
                 /// 删除用户信息 
                 /// </summary> 
                 /// <param name="name">用户名</param> 
                 /// <returns></returns> 
                [OperationContract] 
                [WebInvoke( 
                        UriTemplate =  "User/{name}", 
                        Method =  "DELETE", 
                        ResponseFormat = WebMessageFormat.Json)] 
                 bool DeleteUser( string name); 
        } 
}
REST.cs
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
 
using System.ServiceModel; 
 
namespace WCF.ServiceLib.Web 
{ 
         /// <summary> 
         /// 演示REST(Representational State Transfer)的类 
         /// </summary> 
         public  class REST : IREST 
        { 
                 public User CreateUser( string name,  string dayOfbirth) 
                { 
                         return  new User { Name = name, DayOfbirth = DateTime.Parse(dayOfbirth) }; 
                } 
 
                 public User GetUser( string name) 
                { 
                         return  new User { Name = name, DayOfbirth =  new DateTime(1980, 2, 14) }; 
                } 
 
                 public  bool UpdateUser( string name,  string dayOfbirth) 
                { 
                         return  true; 
                } 
 
                 public  bool DeleteUser( string name) 
                { 
                         return  true; 
                } 
        } 
}
 
 
2、宿主
REST.svc
<%@ ServiceHost Language="C#" Debug="true" Service="WCF.ServiceLib.Web.REST" Factory="System.ServiceModel.Activation.WebServiceHostFactory" %>
 
注：System.ServiceModel.Activation.WebServiceHostFactory - 用于承载使用 WCF Web 编程模型的服务

Web.config
<?xml version="1.0"?> 
<configuration> 
        <system.serviceModel> 
                <behaviors> 
                        <serviceBehaviors> 
                                <behavior name="WebBehavior"> 
                                        <!--httpGetEnabled - 指示是否发布服务元数据以便使用 HTTP/GET 请求进行检索，如果发布 WSDL，则为 true，否则为 false，默认值为 false--> 
                                        <serviceMetadata httpGetEnabled="true" /> 
                                </behavior> 
                        </serviceBehaviors> 
                        <endpointBehaviors> 
                                <behavior name="RESTBehavior"> 
                                        <!--webHttp - 启用 WCF 服务的 Web 编程模型--> 
                                        <webHttp /> 
                                </behavior> 
                        </endpointBehaviors> 
                </behaviors> 
                <services> 
                        <!--name - 提供服务的类名--> 
                        <!--behaviorConfiguration - 指定相关的服务行为配置--> 
                        <service name="WCF.ServiceLib.Web.REST" behaviorConfiguration="WebBehavior"> 
                                <!--address - 服务地址--> 
                                <!--binding - 通信方式--> 
                                <!--contract - 服务契约--> 
                                <!--behaviorConfiguration - 指定相关的端点行为配置--> 
                                <endpoint address="" binding="webHttpBinding" contract="WCF.ServiceLib.Web.IREST" behaviorConfiguration="RESTBehavior" /> 
                        </service> 
                </services> 
        </system.serviceModel> 
</configuration>
 
3、客户端
REST.aspx
<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="REST.aspx.cs" 
        Inherits="Web_REST" Title="WCF创建REST" %> 

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server"> 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> 
        <asp:Label ID="lblMsg" runat="server" /> 
</asp:Content>
 
REST.aspx.cs
using System; 
using System.Collections; 
using System.Configuration; 
using System.Data; 
using System.Linq; 
using System.Web; 
using System.Web.Security; 
using System.Web.UI; 
using System.Web.UI.HtmlControls; 
using System.Web.UI.WebControls; 
using System.Web.UI.WebControls.WebParts; 
using System.Xml.Linq; 
 
using System.Net; 
 
public partial  class Web_REST : System.Web.UI.Page 
{ 
         protected  void Page_Load( object sender, EventArgs e) 
        { 
                var client =  new WebClient(); 
 
                var create = client.UploadString( "http://localhost:3502/ServiceHost/Web/REST.svc/User/webabcd/1980-2-14", "PUT", string.Empty); 
                var read = client.DownloadString("http://localhost:3502/ServiceHost/Web/REST.svc/User/webabcd"); 
                var update = client.UploadString("http://localhost:3502/ServiceHost/Web/REST.svc/User/webabcd/1980-2-14", "POST", string.Empty); 
                var delete = client.UploadString("http://localhost:3502/ServiceHost/Web/REST.svc/User/webabcd", "DELETE", string.Empty); 
 
                lblMsg.Text = string.Format("{0}<br />{1}<br />{2}<br />{3}", 
                        create, 
                        read, 
                        update, 
                        delete); 
        } 
}
 

运行结果：
{"Name":"webabcd","DayOfbirth":"\/Date(319305600000+0800)\/"}
{"Name":"webabcd","DayOfbirth":"\/Date(319305600000+0800)\/"}
true
true



示例(使用asp.net ajax调用WCF服务) 
1、服务 
User.cs
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
 
using System.ServiceModel; 
using System.Runtime.Serialization; 
 
namespace WCF.ServiceLib.Web 
{ 
         /// <summary> 
         /// User实体类 
         /// </summary> 
        [DataContract] 
         public  class User 
        { 
                 /// <summary> 
                 /// 用户名 
                 /// </summary> 
                [DataMember(Order = 0)] 
                 public  string Name { get; set; } 
 
                 /// <summary> 
                 /// 生日 
                 /// </summary> 
                [DataMember(Order = 1)] 
                 public DateTime DayOfbirth { get; set; } 
        } 
 
}
IAJAX.cs
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
 
using System.ServiceModel; 
 
namespace WCF.ServiceLib.Web 
{ 
         /// <summary> 
         /// 演示AJAX的接口 
         /// </summary> 
        [ServiceContract(Namespace =  "WCF")] 
         public  interface IAJAX 
        { 
                 /// <summary> 
                 /// 获取用户 
                 /// </summary> 
                 /// <param name="name">用户名</param> 
                 /// <returns></returns> 
                [OperationContract] 
                User GetUser( string name); 
        } 
}
 
AJAX.cs
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
 
using System.ServiceModel; 
using System.ServiceModel.Activation; 
 
namespace WCF.ServiceLib.Web 
{ 
         /// <summary> 
         /// 演示AJAX的类 
         /// </summary> 
         /// <remarks> 
        /// ASP.NET 兼容性模型： 
        /// 如果在负载平衡或者甚至 Web 园的环境中承载 WCF 服务，并且在该环境中后续的会话请求可以被此环境内的不同宿主或进程处理，则需要对会话状态进行进程外持久存储。最新的 WCF 不支持会话状态的持久存储。相反，WCF 将它的所有会话状态存储在内存中。如果在 IIS 中承载 WCF 服务，最后可以使用回收方案。 
        /// WCF 依赖于会话状态的 ASP.NET 实现，而不是为会话全部再次建立持久存储。此方式有一个严重的限制：使服务仅限于 HTTP 
        /// ASP.NET 会话状态不是受 ASP.NET 兼容性模式支持的唯一功能。它还支持诸如 HttpContext、globalization 和模拟等功能，就像用于 ASP.NET Web 服务 (ASMX) 一样 
        /// </remarks> 
         /// [AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)] 
         public  class AJAX : IAJAX 
        { 
                 public User GetUser( string name) 
                { 
                         return  new User { Name = name, DayOfbirth =  new DateTime(1980, 2, 14) }; 
                } 
        } 
}
 
 
2、宿主
AJAX.svc
<%@ ServiceHost Language="C#" Debug="true" Service="WCF.ServiceLib.Web.AJAX" Factory="System.ServiceModel.Activation.WebScriptServiceHostFactory" %>
 
注：System.ServiceModel.Activation.WebScriptServiceHostFactory  - 能够向服务中自动添加 ASP.NET AJAX 终结点而无需进行配置

Web.config
<?xml version="1.0"?> 
<configuration> 
        <system.serviceModel> 
                <behaviors> 
                        <serviceBehaviors> 
                                <behavior name="WebBehavior"> 
                                        <!--httpGetEnabled - 指示是否发布服务元数据以便使用 HTTP/GET 请求进行检索，如果发布 WSDL，则为 true，否则为 false，默认值为 false--> 
                                        <serviceMetadata httpGetEnabled="true" /> 
                                </behavior> 
                        </serviceBehaviors> 
                        <endpointBehaviors> 
                                <behavior name="AJAXBehavior"> 
                                        <!--enableWebScript - 启用 WCF 服务的 脚本 编程模型--> 
                                        <enableWebScript /> 
                                </behavior> 
                        </endpointBehaviors> 
                </behaviors> 
                <services> 
                        <!--name - 提供服务的类名--> 
                        <!--behaviorConfiguration - 指定相关的服务行为配置--> 
                        <service name="WCF.ServiceLib.Web.AJAX" behaviorConfiguration="WebBehavior"> 
                                <!--address - 服务地址--> 
                                <!--binding - 通信方式--> 
                                <!--contract - 服务契约--> 
                                <!--behaviorConfiguration - 指定相关的端点行为配置--> 
                                <endpoint address="" binding="webHttpBinding" contract="WCF.ServiceLib.Web.IAJAX" behaviorConfiguration="AJAXBehavior" /> 
                        </service> 
                </services> 
        </system.serviceModel> 
</configuration>
 
 
3、客户端
Demo.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Demo.aspx.cs" Inherits="Demo" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
        <title>AJAX调用WCF</title> 
</head> 
<body> 
        <form id="form1" runat="server"> 
                 <asp:ScriptManager ID="ScriptManager1" runat="server"> 
                        <Services> 
                                <asp:ServiceReference Path="Service/AJAX.svc" /> 
                        </Services> 
                </asp:ScriptManager> 
                <asp:Label ID="lblMsg" runat="server" /> 
                <script type="text/javascript"> 
                
                        function pageLoad() 
                        { 
                                var proxy = new WCF.IAJAX(); 
                                proxy.GetUser("webabcd", onSuccess); 
                        } 
                        
                        function onSuccess(result) 
                        { 
                                $get('<%= lblMsg.ClientID %>').innerHTML = 
                                        String.format("姓名：{0}<br />生日：{1}", result.Name, result.DayOfbirth.format("yyyy-MM-dd")); 
                        } 

                </script> 
        </form> 
</body> 
</html>
 
 
运行结果：
姓名：webabcd
生日：1980-02-14


OK
[源码下载]

     本文转自webabcd 51CTO博客，原文链接： http://blog.51cto.com/webabcd/344176 ，如需转载请自行联系原作者



文章标签：
.NET
C#
存储
前端开发
索引
负载均衡
网络架构
数据格式
XML
开发框架
关键词：
web ajax
web模型
web编程
web rest
ajax.js Web
技术小胖子
目录
相关文章
东方睿赢
|
18天前
|
前端开发 API 开发者
Python Web开发者必看！AJAX、Fetch API实战技巧，让前后端交互如丝般顺滑！
在Web开发中，前后端的高效交互是提升用户体验的关键。本文通过一个基于Flask框架的博客系统实战案例，详细介绍了如何使用AJAX和Fetch API实现不刷新页面查看评论的功能。从后端路由设置到前端请求处理，全面展示了这两种技术的应用技巧，帮助Python Web开发者提升项目质量和开发效率。
东方睿赢
33 1
东方睿赢
|
1月前
|
前端开发 JavaScript API
惊呆了！学会AJAX与Fetch API，你的Python Web项目瞬间高大上！
在Web开发领域，AJAX与Fetch API是提升交互体验的关键技术。AJAX（Asynchronous JavaScript and XML）作为异步通信的先驱，通过XMLHttpRequest对象实现了局部页面更新，提升了应用流畅度。Fetch API则以更现代、简洁的方式处理HTTP请求，基于Promises提供了丰富的功能。当与Python Web框架（如Django、Flask）结合时，这两者能显著增强应用的响应速度和用户体验，使项目更加高效、高大上。
东方睿赢
51 2
龙大吉
|
1月前
|
前端开发 API 开发者
从零到精通，AJAX与Fetch API让你的Python Web前后端交互无所不能！
从零到精通，AJAX与Fetch API让你的Python Web前后端交互无所不能！
龙大吉
43 3
众所周知
|
1月前
|
前端开发 API 数据格式
颠覆传统！AJAX、Fetch API与Python后端，开启Web开发新篇章！
在Web开发领域，技术的快速迭代推动着应用不断进化。传统前后端交互方式已无法满足现代Web应用对高效、实时性和用户体验的需求。AJAX作为异步通信的先驱，使页面无需刷新即可更新部分内容，显著提升用户体验；尽管XML曾是其主要数据格式，但如今JSON已成为主流。Fetch API则以其简洁、灵活的特点成为AJAX的现代替代品，基于Promises的异步请求让开发更加高效。与此同时，Python后端凭借高效稳定和丰富的库支持，成为众多开发者的首选，无论是轻量级的Flask还是全功能的Django，都能为Web应用提供强大的支撑。
众所周知
38 0
龙大吉
|
1月前
|
XML 前端开发 API
惊艳全场的秘诀！AJAX、Fetch API与Python后端，打造令人惊叹的Web应用！
惊艳全场的秘诀！AJAX、Fetch API与Python后端，打造令人惊叹的Web应用！
龙大吉
26 0
龙大吉
|
3月前
|
前端开发 JavaScript Java
Ajax进行异步交互：提升Java Web应用的用户体验
Ajax 技术允许在不重载整个页面的情况下与服务器异步交换数据，通过局部更新页面内容，极大提升了 Java Web 应用的响应速度和用户体验。本文介绍 Ajax 的基本原理及其实现方式，包括使用 XMLHttpRequest 对象发送请求、处理响应数据，并在 Java Web 应用中集成 Ajax。此外，还探讨了 Ajax 如何通过减少页面刷新、实时数据更新等功能改善用户体验。
龙大吉
73 3
土木林森
|
3月前
|
前端开发 Java UED
告别页面刷新时代：Struts 2 Ajax技术揭秘，轻松实现动态加载，Web应用焕然一新！
【8月更文挑战第31天】在Web应用开发中，用户体验至关重要。为减少页面刷新带来的不适，Ajax技术应运而生。Struts 2作为流行的Java EE框架，通过内置的Ajax支持简化了无刷新页面动态加载的实现。本文通过对比传统请求响应模式，展示了Struts 2如何轻松实现Ajax功能，提升了用户体验和开发效率，并灵活地实现了数据交换。然而，使用Ajax时还需注意SEO和跨域请求等局限性。
土木林森
44 0
土木林森
|
3月前
|
开发者 前端开发 Apache
Apache Wicket Ajax揭秘：轻松几步，让你的Web应用告别“呆板”，焕发新生！
【8月更文挑战第31天】随着互联网技术的发展，Web应用的交互性成为评价网站成功的关键指标。Apache Wicket作为一款卓越的Java Web框架，不仅具备强大的组件化开发能力，还内置了对Ajax技术的支持，使开发者能轻松提升Web应用的交互体验。通过简单的代码示例展示了如何在不刷新页面的情况下异步更新页面元素，极大提升了用户体验。Wicket提供了多种Ajax组件和行为，如AjaxFallbackLink、AjaxButton等，满足不同场景需求，并支持自定义Ajax行为，帮助开发者实现复杂交互效果。合理运用Wicket的Ajax功能，可显著增强网站竞争力。
土木林森
42 0
东方睿赢
|
4月前
|
前端开发 API 开发者
Python Web开发者必看！AJAX、Fetch API实战技巧，让前后端交互如丝般顺滑！
【7月更文挑战第13天】在Web开发中，AJAX和Fetch API是实现页面无刷新数据交换的关键。在Flask博客系统中，通过创建获取评论的GET路由，我们可以展示使用AJAX和Fetch API的前端实现。AJAX通过XMLHttpRequest发送请求，处理响应并在成功时更新DOM。Fetch API则使用Promise简化异步操作，代码更现代。这两个工具都能实现不刷新页面查看评论，Fetch API的语法更简洁，错误处理更直观。掌握这些技巧能提升Python Web项目的用户体验和开发效率。
东方睿赢
62 7
东方睿赢
|
4月前
|
前端开发 JavaScript API
惊呆了！学会AJAX与Fetch API，你的Python Web项目瞬间高大上！
【7月更文挑战第15天】AJAX和Fetch API是Web开发中的关键工具，用于异步前后端交互。AJAX借助XMLHttpRequest实现页面局部更新，而Fetch API是现代的、基于Promise的HTTP请求接口，提供更强大功能和简洁语法。结合Python Web框架如Django或Flask，利用这两者能创造无缝体验，提升项目性能和用户体验。学习并应用这些技术，将使你的Web应用焕发新生。**
东方睿赢
50 5

热门文章

最新文章

  • 1
    'You Got Your Ajax in My Rails!'
  • 2
    Ajax学习笔记
  • 3
    ajax-hook+ selenium抓取带参数的 Ajax 数据
  • 4
    ajax刷新php后台实现定时任务的执行解决方案
  • 5
    Ajax刷新
  • 6
    Ext.Ajax.request和formPanel.getForm().submit两种提交方法的异同
  • 7
    Firefox AJAX请求readyState = 0，status = 0问题
  • 8
    bboss mvc处理ajax get方法中文乱码方式纪实
  • 9
    由基础触类旁通--Ajax调用WebService的简单例子
  • 10
    ajax省市县三级联动
  • 1
    MVC（模型-视图-控制器）是一种在Web应用程序开发中广泛使用的软件设计模式
    60
  • 2
    在Python Web开发中，测试是一个至关重要的环节
    173
  • 3
    深入探索Spring Boot Web应用源码及实战应用
    94
  • 4
    golang学习7，glang的web的restful接口结构体传参
    55
  • 5
    golang学习6，glang的web的restful接口传参
    52
  • 6
    golang学习5，glang的web的restful接口
    48
  • 7
    golang学习4，glang的web接口
    40
  • 8
    golang学习3，golang 项目中配置gin的web框架
    64
  • 9
    LabVIEW开发基于Web数字图像处理
    44
  • 10
    LabVIEWCompactRIO 开发指南23 Web服务
    36

    • 相关课程

    更多
  • Python Web开发基础
  • Java Web开发系列课程 - Spring框架入门
  • 企业Web常用架构LAMP-LNMP实战
  • 高校精品课-西安交通大学-Web 编程技术
  • Java Web项目实战 - 图书商城
  • Java面试疑难点解析 - Java Web开发

    • 相关电子书

    更多
  • Web应用系统性能优化
  • 高性能Web架构之缓存体系
  • PWA:移动Web的现在与未来

    • 相关实验场景

    更多
  • 每个IT人都想学的“Web应用上云经典架构”实战
  • 使用SLB+2ECS+NAS，部署电商web网站的高可用架构
  • 1分钟SAE部署Web在线游戏
  • 云上Web及FTP
  • WEB网页编程实战
  • 通过部署流行Web框架掌握Serverless技术
    • 下一篇
    无影云桌面