基于JQUERY调用WCF服务的使用和记录

WebConfig serviceModel配置方法一：

    <system.serviceModel>
        <serviceHostingEnvironment aspNetCompatibilityEnabled="true">
            <serviceActivations>
                <add relativeAddress="HelloService.svc" service="HelloService"
                     factory="System.ServiceModel.Activation.WebScriptServiceHostFactory"/>
            </serviceActivations>
        </serviceHostingEnvironment>
    </system.serviceModel>

 

WebConfig serviceModel配置方法二： 

    <system.serviceModel>
        <behaviors>
            <endpointBehaviors>
                <behavior name="AllenBehavior">
                    <enableWebScript />
                </behavior>
            </endpointBehaviors>
        </behaviors>
        <serviceHostingEnvironment aspNetCompatibilityEnabled="true" />
        <services>
            <service name="HelloService">
                <endpoint address="" behaviorConfiguration="AllenBehavior"  binding="webHttpBinding" contract="HelloService" />
            </service>
        </services>

    </system.serviceModel>  

 

添加属性取消asp.net兼容性模式的限制：

[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)] 

 

其中<service>节点中的name属性,是实现了服务契约的类型名,类型名必须是完整的,要包括名称空间
<endpoint>节点的address属性为空,说明使用基地址.
behaviorConfiguration属性与behavior节点的name属性相匹配
binding属性说明WCF服务使用什么协议,这里是HTTP协议
contract属性是描述契约的接口名称,也必须是完整的.如果没有接口直接写实现契约的类型名也可以(我这里就是这样).

<behavior>节点的信息是描述WCF服务端的一些特性,行为的

<behavior name="AllenBehavior"> name属性与前面说的behaviorConfiguration属性一致
<enableWebScript />节点使我们的WCF支持ajax
<serviceHostingEnvironment aspNetCompatibilityEnabled="true" />与后端的AspNetCompatibilityRequirements配合使用

 

    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#ibOk").bind("click", function () {
                var param = $("#ipText").val();
                $.ajax({
                    url: "HelloService.svc/Say",
                    type: "POST",
                    dataType: 'json',
                    //WebService中这样写："application/json; charset=utf-8"
                    contentType: 'text/json',
                    //WebService中这样写：'{word:"Hello, world"}'
                    data: '{"word":"' + param + '"}',
                    success: function (data) {
                        alert(data.d.toString());
                    },
                    error: function (erro) {
                        alert(erro.responseText);
                    }
                });
            })
        });
    </script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <input type="text" name="name" id="ipText" />
    <input type="button" value="提交" id="ibOk" />

 

url: '/HelloService.svc/Say
这里是WCF的地址+方法名

 

contentType: 'text/json',

这是以JSON的方式POST数据,当然也可以用XML的方式(要配合WCF后端的定义)

data: '{"id":'+id+',"title":"'+title+'","content":"'+content+'"}',

数据必须按照方法的签名传递(这里稍有不慎就出错了,而且js的调试比较难搞)

RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json
说明传递近来的数据都是JSON形式的,只有两种形式,一个是JSON,一个是XML.
(我觉得JSON更"对象"一点,XML更"数据"一点)

 

BodyStyle = WebMessageBodyStyle.WrappedRequest

是把参数包装一下，这样可以传递多个参数进来,  

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