您的位置：首页 > 其它

WCF揭秘——使用AJAX+WCF服务进行页面开发

2011-01-26 14:13 519 查看

AJAX即 “Asynchronous JavaScript and XML”（异步JavaScript和XML)，通过 AJAX可使用 JavaScript 与 XMLHttpRequest 对象直接与服务器进行通信。通过这个对象， JavaScript 可在不重载页面的情况与 Web 服务器交换数据。AJAX 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求），这样就可使网页从服务器请求少量的信息，从而避免整个页面的刷新。针对AJAX的长处，从.NET Framework 3.5开始就加大对ASP.NET AJAX的支撑，WCF通过WebScriptEnablingBehavior行为来处理页面的请求。下面以一个简单的例子来说明一下：

首先，开发一个数据契约Person

namespace Service.Model
{
[DataContract]
publicclass Person
{
[DataMember]
publicint ID
{
get;
set;
}
[DataMember]
publicstring Name
{
get;
set;
}
[DataMember]
publicint Age
{
get;
set;
}
}
}

添加项目，选择“启动了AJAX的WCF服务”。系统使用IIS托管了此服务，然后把代码绑定在PersonService.cs文件内，注意把RequirementsMode设置为AspnetCompatibilityRequirementsModel.Allowed,让页面可以直接调用此对象。

<%@ ServiceHost Language="C#" Debug="true" Service="Ucsmy.Service.PersonService" CodeBehind="~/App_Code/PersonService.cs"%>

namespace Ucsmy.Service
{
[ServiceContract(Namespace ="Ucsmy.Service")]
[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
//注意必须将RequirementsMode设置为AspNetCompatibilityRequirementsMode.Allowed
publicclass PersonService
{
[OperationContract]
[WebGet]       // 要使用 HTTP GET，请添加 [WebGet] 特性。
public IList<Person> GetList()
{
IList<Person> personList =new List<Person>();

Person person1 =new Person();
person1.ID =0;
person1.Age =27;
person1.Name ="Leslie";
personList.Add(person1);

Person person2 =new Person();
person2.ID =1;
person2.Age =23;
person2.Name ="Rose";
personList.Add(person2);

Person person3 =new Person();
person3.ID =2;
person3.Age =29;
person3.Name ="Jack";
personList.Add(person3);

return personList;
}
}
}

添加.config配置文件，注意文件中在endpointBehavior添加了enableWebScript设置，它能启动JSON，并能为PersonService生成客户端的Javascript代理代码。

<?xml version="1.0" encoding="utf-8"?>
<configuration>
<system.web>
<compilation debug="true" targetFramework="4.0">
<assemblies>
<add assembly="System.Data.Entity, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/>
</assemblies>
</compilation>
</system.web>
<system.serviceModel>
//启动aspNetCompatibilityEnabled
<serviceHostingEnvironment aspNetCompatibilityEnabled="true" multipleSiteBindingsEnabled="true"/>
<behaviors>
<endpointBehaviors>
//启动ServiceAspNetAjaxBehavior行为
<behavior name="ServiceAspNetAjaxBehavior">
<enableWebScript />
</behavior>
</endpointBehaviors>
<serviceBehaviors>
<behavior name="ServiceBehavior">
<serviceMetadata httpGetEnabled="true"/>
<serviceDebug includeExceptionDetailInFaults="false"/>
</behavior>
</serviceBehaviors>
</behaviors>
<services>
<service behaviorConfiguration="ServiceBehavior" name="Ucsmy.Service.PersonService">
<endpoint address="" binding="webHttpBinding" contract="Ucsmy.Service.PersonService"
behaviorConfiguration="ServiceAspNetAjaxBehavior"/>
<endpoint address="mex" binding="mexHttpBinding" contract="IMetadataExchange"/>
</service>
</services>
</system.serviceModel>
</configuration>

在页面添加ScriptManager控件，加上对PersonService服务的引用。值得注意的一点是，在默认情况下通过AJAX调用WCF只支持同一个域名，这是因为受到了Javascript的约束。如果要实现跨域调用，需要客户端改变浏览器的设置，这样使用起来并不现实。

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
<Services>
<asp:ServiceReference Path="PersonService.svc"/>
//添加服务引用
</Services>
</asp:ScriptManager>
<script type="text/javascript">
function GetList() {
//设定错误处理
Ucsmy.Service.PersonService.set_defaultFailedCallback(onError);
//设定返回后操作
Ucsmy.Service.PersonService.GetList(onComplete);
}

function onComplete(result) {
var personList="";
if (result !=null) {
for (var n =0; n < result.length; n++) {
personList +="ID:"+ result
.ID +" Name:"+ result
.Name +" Age:"+ result
.Age ;
}
//显示结果
alert(personList);
}
}

function onError(message) {
//显示错误信息
alert(message.get_message());
}
</script>
<div>
<label id="label1"></label>
<button onclick="GetList()">Button</button>
</div>
</form>
</body>
</html>

AJAX前景非常乐观，可以提高系统性能，优化用户界面，提高页面的视觉效果。另外微软也在客户端引入了一套AJAX组件，只需要添加对AjaxControlToolkit.dll文件的引用，就可以在控件列表中出现相关控件。

简单的WCF开发实例

使用AJAX+WCF进行页面开发

共享数据契约

可靠性会话功能

自定义绑定

对JAVA与.NET开发有兴趣的朋友欢迎加入QQ群：162338858

cnblogs博客园:http://www.cnblogs.com/leslies2/
csdn博客：http://blog.csdn.net/leslies2
原创作品，转载时请注明作者及出处

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航