如何让WCF服务更好地支持Web Request和AJAX调用

WCF的确不错,它大大地简化和统一了服务的开发。但也有不少朋友问过我,说是在非.NET客户程序中,有何很好的方法直接调用服务吗?还有就是在AJAX的代码中(js)如何更好地调用WCF服务呢?

我首先比较推荐的是可以通过页面静态方法等方式来转接对WCF的服务。尤其是WCF是属于别的网站的一部分的时候。

但今天我要讲解一下,如果和WCF在一个网站内部,那么js脚本应该如何更好地调用WCF呢?或者说,为了支持js更好地访问,WCF服务在设计的时候应该注意什么呢?

1. 创建服务

image

2. 修改接口

为了做演示,我们将默认的那个Operation修改一下

using System;
using System.Collections.Generic;
using System.Linq;
using System.Runtime.Serialization;
using System.ServiceModel;
using System.Text;
using System.ServiceModel.Web;
namespace WebApplication1
{
    // 注意: 如果更改此处的接口名称 "INorthwindService",也必须更新 Web.config 中对 "INorthwindService" 的引用。
    [ServiceContract]
    public interface INorthwindService
    {
        [OperationContract]
        [WebGet(UriTemplate="HelloWorld")]
        string HelloWorld();
    }
}

注意,我们这里加了一个WebGet的Attribute,这将允许WCF服务直接通过地址调用

3. 实现服务

using System;
using System.Collections.Generic;
using System.Linq;
using System.Runtime.Serialization;
using System.ServiceModel;
using System.Text;

namespace WebApplication1
{
    // 注意: 如果更改此处的类名 "NorthwindService",也必须更新 Web.config 中对 "NorthwindService" 的引用。
    public class NorthwindService : INorthwindService
    {

        #region INorthwindService 成员

        public string HelloWorld()
        {
            return "Hello,world";
        }

        #endregion
    }
}

这里的实现依然是我最喜欢的HelloWorld

4. 修改配置文件(web.config),要支持直接通过WebGet的方法调用WCF服务,必须用一个特殊的binding,是webHttpBinding

 <system.serviceModel>
  <behaviors>
   <serviceBehaviors>
    <behavior name="WebApplication1.NorthwindServiceBehavior">
     <serviceMetadata httpGetEnabled="true" />
     <serviceDebug includeExceptionDetailInFaults="false" />
    
   
   behavior>
   
    
    serviceBehaviors>
    <endpointBehaviors>
      <behavior name="test">
        <webHttp/>
       
       behavior>  
        endpointBehaviors>
  
     
     behaviors>
  <services>
   <service behaviorConfiguration="WebApplication1.NorthwindServiceBehavior"
    name="WebApplication1.NorthwindService">
    <endpoint address="" binding="webHttpBinding" contract="WebApplication1.INorthwindService" behaviorConfiguration="test">
     <identity>
      <dns value="localhost" />
     
      
      identity>
     
       endpoint> <endpoint address="mex" binding="mexHttpBinding" contract="IMetadataExchange" />  
        service>  
         services>  
          system.serviceModel>

上面的粗斜体部分是要添加或者修改的

5. 浏览该服务

image

我们看到,通过这样的地址就可以实现调用了。默认情况下,它返回的数据格式是XML的

image

6. 修改合约,让它返回json数据

using System;
using System.Collections.Generic;
using System.Linq;
using System.Runtime.Serialization;
using System.ServiceModel;
using System.Text;
using System.ServiceModel.Web;
namespace WebApplication1
{
    // 注意: 如果更改此处的接口名称 "INorthwindService",也必须更新 Web.config 中对 "INorthwindService" 的引用。
    [ServiceContract]
    public interface INorthwindService
    {
        [OperationContract]
        [WebGet(UriTemplate="HelloWorld",ResponseFormat=WebMessageFormat.Json)]
        string HelloWorld();
    }
}

image

7. 在客户端脚本js中实现对WCF的调用

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>


   
   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>
    
    title>

    <script src="jquery-1.3.2-vsdoc.js" type="text/javascript">
     
     script>

    
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值