开发者社区> 炉火纯青> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

jQuery调用WCF需要注意的一些问题

简介: 昨天,博客园首页增加了Digg功能。在该功能中我们开始尝试使用jQuery直接调用WCF。之前我们采用的方案是jQuery调用Web Service,然后WebService再调用服务层。这样调用主要是因为之前需要调用不同域名下的WCF服务,因为跨域调用的问题,就要通过Web Service中转一下。
+关注继续查看

昨天,博客园首页增加了Digg功能。在该功能中我们开始尝试使用jQuery直接调用WCF。之前我们采用的方案是jQuery调用Web Service,然后WebService再调用服务层。这样调用主要是因为之前需要调用不同域名下的WCF服务,因为跨域调用的问题,就要通过Web Service中转一下。而这次Digg功能调用的是同一个应用程序下的WCF,用jQuery直接调用WCF是更好的选择。在尝试这种方式的过程中遇到的一些问题和一些需要注意的地方需要记录一下,所以就写了这篇随笔。

  xlandjQuery调WCF给了我们很大帮助,在这里感谢xland!在探索技术的过程中,将自己解决问题的经验记录下来,不仅可以备忘、总结,而且可以帮助遇到同样问题的朋友,这也是写博客的一种乐趣吧。

  进入正题,jQuery调用WCF需要注意的一些问题:

  1. WCF的配置(WCF服务宿主于IIS 7)

  1)WCF服务相关配置:

  在需要调用的接口方法(OperationContract)上加上属性[WebInvoke(RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json, BodyStyle = WebMessageBodyStyle.WrappedRequest)],比如:

复制代码
    [ServiceContract] 
    public interface IDiggService
    {      
        [OperationContract]
        [WebInvoke(RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json, BodyStyle = WebMessageBodyStyle.WrappedRequest)]
        string GetDiggCountList(string entryIdList);
    }
复制代码

 

  给服务实现类加上属性:

 [AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
    public class DiggService : IDiggService
    {
     }

  否则调用时会出现错误:“IIS 7.0 Detailed Error - 500.0 - System.ServiceModel.ServiceActivationException”。

2) Web.config中的WCF相关配置:

复制代码
<system.serviceModel>
    <services>  
      <service name="DiggService">
        <endpoint address="" binding="webHttpBinding" contract="IDiggService" behaviorConfiguration="DiggServiceBehavior"/>
      </service>
    </services>
    <behaviors>     
      <endpointBehaviors>
        <behavior name="DiggServiceBehavior">
          <enableWebScript/>          
        </behavior>
      </endpointBehaviors>
    </behaviors>
</system.serviceModel>
复制代码


   需要注意两个地方的配置:

  a)  binding="webHttpBinding",开始设置为binding="basicHttpBinding",出现错误提示:

The endpoint at 'DiggService.svc' does not have a Binding with the None MessageVersion.  'System.ServiceModel.Description.WebScriptEnablingBehavior' is only intended for use with WebHttpBinding or similar bindings.


b)  <enableWebScript/> ,启用这个设置才能让WCF支持Ajax调用,否则调用时WCF会返回这样的错误:

The message with To 'DiggService.svc/GetDiggCountList' cannot be processed at the receiver, due to an AddressFilter mismatch at the EndpointDispatcher. Check that the sender and receiver's EndpointAddresses agree.

c) 当出现 如下错误
 使用“UriTemplate”的终结点无法用于“System.ServiceModel.Description.WebScriptEnablingBehavior”。 
把 <enableWebScript/>换成<webHttp/>,解决!

 

  二、客户端jQuery调用注意

  开始按照调用Web Servcie的方式调用:

复制代码
    $.ajax({
        url: '/wcf/DiggService.svc/GetDiggCountList',
        data: '{"entryIdList":"' + entryIdList + '"}',
        type: 'post',
        dataType: 'json',
        contentType: 'application/json; charset=utf8',
        success: function(data) {
            if (data.d) {
                          }
            }
        },
        error: function(xhr) {
            alert(xhr.responseText);
        }
    });  
复制代码

 

  在FireFox中能成功调用,但在IE 8和Google Chrome中,调用后返回的却是IIS 7的错误信息:IIS 7.0 Detailed Error - 400.0 - Bad Request。

  后来将 contentType: 'application/json; charset=utf8' 改为 contentType: 'text/json'问题就解决了。

  jQuery调用Web Service与WCF还有一个不同之处在参数格式的处理上:

  比如上面代码中的data: '{"entryIdList":"' + entryIdList + '"}',如果将参数名的双引号去掉,即data: '{entryIdList:"' + entryIdList + '"}',可以正常调用Web Service,调用WCF会出现Json反序列化的异常。

  三、其他需要注意的地方

  如果WCF服务所在的IIS站点中绑定了多个域名, 在没有设置baseAddressPrefixFilters的情况下,会出现错误提示:

This collection already contains an address with scheme http.  There can be at most one address per scheme in this collection.Parameter name: item


设置好baseAddressPrefixFilters,比如:

    <serviceHostingEnvironment>
      <baseAddressPrefixFilters>
        <add prefix="http://www.cnblogs.com"/>
      </baseAddressPrefixFilters>
    </serviceHostingEnvironment> 


这样在访问http://www.cnblogs.com时能正常调用,但访问http://cnblogs.com时调用就出错(IIS 7.0 Detailed Error - 404.0 - Not Found),因为之前的代码中使用的是相对地址调用,实际调用的是http://cnblogs.com/wcf/DiggService.svc/GetDiggCountList,由于设置了baseAddressPrefixFilters,不允许这样调用,只能改为绝对地址(http://www.cnblogs.com/wcf/DiggService.svc/GetDiggCountList),这样又会造成跨域调用。这个问题目前还不知如何解决。

  四、遗留问题 

  如何控制缓存,比如:如何在WCF返回时设置Expires Header和If-Modified-Since,避免频繁的WCF调用。

  五、总结 

  jQuery调用WCF的要点:

  1. [WebInvoke(RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json, BodyStyle = WebMessageBodyStyle.WrappedRequest)]

  2. [AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]

  3.  binding="webHttpBinding"

  4. <enableWebScript/> 

  5.  contentType: 'text/json'

  参考文章:

  1. jQuery调WCF

  2. jQuery Ajax 全解析

  相关小组: http://space.cnblogs.com/group/100319/

转自:http://www.cnblogs.com/dudu/archive/2009/07/14/1523082.html

参考:http://www.cnblogs.com/yjmyzz/archive/2009/11/04/1595783.html

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

相关文章
舍WebServic“.NET研究”e 用.NET4中jQuery调用WCF
  在我们之前的开发中,对于ajax程序,都是通过jQuery调用标记为[System.Web.Script.Services.ScriptService]的WebService,然后在WebService中调用后台的WCF。
675 0
jquery插件整理篇(七)表格插件
(1)Flexigrid Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。
711 0
jquery插件整理篇(二)消息提示类jquery插件
(1)Facebox Facebox 是一个基于jQuery,Facebook-style的lightbox。能够展示示images,divs或者整个远程页面。Facebox (2)SimpleModal SimpleModal是一个轻量级jQuery插件提供了一个简单的接口来创建模式对话框。
1094 0
2011年7月10个非常棒的jQuery插件
) Scrollable 可以按自己的需求在一个简单,可配置的导航条中指定像1, 2, 3, 15…这样的展播分页框。   2) Vertical Slider jquery.mb.verticalSlider能够让将一个很长的列表进行分页管理,它能够管理已经存在你页面DOM中的任何元素集合,也可以通过Ajax按需加载。
782 0
jQuery:收集一些基于jQuery框架开发的控件/jquery插件2
Horizontal accordion: jQuery基于jQuery开发,非常简单的水平方向折叠控件。主页:http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.
1352 0
13个超级有用的 jQuery 内容滚动插件和教程
  这篇文章与大家分享13个超级有用的 jQuery 内容滚动插件和教程。您可能经常能看到一些网站上特色区域的内容以滚动方式变化,这是一种在有限的网页空间内展示更多内容的良好方式,而且能吸引用户注意力。
878 0
33个优秀的 jQuery 图片展示插件分享
您你可能还喜欢   60款很酷的 jQuery 幻灯片演示和下载 提升你网站水平的 jQuery 插件推荐 30个最佳 jQuery Lightbox 效果插件 Web开发者必备的20款超赞jQuery插件 12个很棒的学习 jQuery 的网站推荐     这篇文章收集了33个优秀的 jQuery 图片插件分享给大家。
1093 0
15款优秀的 jQuery 导航菜单插件
  这篇文章收集了15款优秀的jQuery导航菜单插件分享给大家。jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,jQuery 让网站有更好的可用性和用户体验,给访问者对网站留下非常好的印象。
1013 0
+关注
炉火纯青
pangguoming.com
文章
问答
文章排行榜
最热
最新
相关课程
更多
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载