日期:2014-05-16  浏览次数:20292 次

jQuery调用WCF服务传递JSON对象
本文详细介绍了如何使用WCF去创建一个服务端口,从而能够被ASP.Net页面通过jQuery的AJAX方法访问。这个例子就是为了说明,在没有一个好的客户端代理的情况下,我们是如何调用Web服务的。

?

下面这个示例使用了WCF去创建一个服务端口从而能够被ASP.Net页面通过jQuery的AJAX方法访问,我们将在客户端使用Ajax技术来 与WCF服务进行通信。这里我们仅使用jQuery去连接Web Service,而不去使用ASP.Net AJAX库,至于为什么不使用AJAX库中,那是因为我们在项目中已经使用了jQuery,而它已经能处理全部的AJAX请求和所有功能,并且,如果我们 一旦使用ASP.NET AJAX库,我们也必须多包含一个超过80Kb的数据量(调试模式下会更大),但这也不是说ASP.NET AJAX库不实用,事实上,如果使用了相同的类库,我们能够少写很多的额外代码,但这个例子就是为了说明,在没有一个好的客户端代理的情况下,我们是如何调用Web服务的。

WCF 服务:

我们先创建一个WebSite,然后添加一个AJAX-enabled WCF Service,从而创建WCF服务。(请确保你使用了正确的.Net Framework 版本,我用的是3.5)
创建WCF服务

在我们添加完service后,它会自动进入该service的后置代码文件,Go ahead and browse around the file for a second.

首先我们要做的是找到"AspNetCompatibilityRequirements"并将其值置为 "Allowed":

[AspNetCompatibilityRequirements( RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed )]?

这个属性的设置可将我们的服务跑在ASP.NET compatibility模式,如果我们未将该值设为"Allowed",那么就无法通过ASP.Net去访问到该服务,这个属性是当你添加 "AJAX-enabled WCF Service" 时自动生成的。更多祥细请参看MSDN。

现在再来看自动生成的后置代码文件,我们能发现已经存在了一个被标注了"OperationContract"特性的"DoWork()" 的方法,这个方法是自动生成的,我们将使用这个方法来完成下面的示例。我们再来为该方法添加一个"WebGet"的特性,并设"RequestFormat" 的值为 "Json." 我们再来为该方法加上另外的一个特性RequestFormat,WebGet 和Get动词一样,作用于一个UriTemplate(本文不对此作进一步讨论),RequestFormat 特性可以让我们接收JSON格式的请求。

我们的 "DoWork()" 方法如下:

  1. [OperationContract]? ?
  2. [WebGet(?RequestFormat=WebMessageFormat.Json?)]? ?
  3. public?void?DoWork()? ?
  4. {? ?
  5. ????//?Add?your?operation?implementation?here? ?
  6. ????return;? ?
  7. }?

对象的模型:

我们希望通过"DoWork()" 来传递一个叫“Person”的对象,那先来创建一个Person对象写入到当前类的头部,其包含字段和属性(Name, Age 和 the types of Shoes they own),这个类同时也作为所传递JSON的结构。

  1. [Serializable]? ?
  2. [DataContract(?Namespace?=?"http://www.dennydotnet.com/",?Name?=?"Person"?)]? ?
  3. public?class?Person? ?
  4. {? ?
  5. ????private?string?_name?=?string.Empty;? ?
  6. ????private?int?_age?=?0;? ?
  7. ?
  8. ????[DataMember(?IsRequired?=?true,?Name?=?"Name"?)]? ?
  9. ????