3

在纯 javasript/html 页面上使用 JSONP 调用 WCF Web 服务以解决跨域问题，收到错误消息“方法不允许”，在网上进行了大量搜索，但无法获得有效的解决方案..

架构：WCF 3.5 + JSONP + JQuery

为了在 WCF 3.5 中启用 JSONP 功能，我添加了 MSDN JSONP 示例库文件：

JSONPBehavior.cs
JSONPBindingElement.cs
JSONPBindingExtension.cs
JSONPEncoderFactory.cs

来自http://msdn.microsoft.com/en-us/library/cc716898.aspx。在这篇文章之后：http: //jasonkelly.net/2009/05/using-jquery-jsonp-for-cross-domain-ajax-with-wcf-services/

IService1.cs：

namespace WcfServiceForConnDatabase
{
    [ServiceContract]
    public interface IService1
    {
        [OperationContract]
        [WebInvoke(Method = "GET", ResponseFormat = WebMessageFormat.Json,
        BodyStyle = WebMessageBodyStyle.Wrapped,
        UriTemplate = "GetData")]
        [JSONPBehavior(callback = "method")] 
        string GetData();
    }
}

服务.cs：

namespace WcfServiceForConnDatabase
{

    [ServiceBehavior(AddressFilterMode = AddressFilterMode.Any)]
    public class Service1 : IService1
    {
         public string GetData()
        {
            return "Successfully connect with the WCF Web Service";
        }
    }
}

网络配置：

<?xml version="1.0"?>
<configuration>
    <!-- WCF configuration -->
    <system.serviceModel>
        <behaviors>
            <endpointBehaviors>
                <behavior name="WcfServiceForConnDatabase.Service1Behavior">          
                    <webHttp/>
                </behavior>
            </endpointBehaviors>
        </behaviors>
        <services>
            <service name="WcfServiceForConnDatabase.Service1">
                <endpoint address="" behaviorConfiguration="WcfServiceForConnDatabase.Service1Behavior" binding="customBinding" bindingConfiguration ="jsonpBinding" contract="WcfServiceForConnDatabase.IService1"/>
      </service>
      </services>
    <bindings>
      <customBinding>
        <binding name="jsonpBinding" >
          <jsonpMessageEncoding />
          <httpTransport manualAddressing="true"/>
        </binding>
      </customBinding>
    </bindings>
    <extensions>
      <bindingElementExtensions>
        <add name="jsonpMessageEncoding" type="WcfServiceForConnDatabase.JsonpBindingExtension, WcfServiceForConnDatabase, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null"/>
      </bindingElementExtensions>
    </extensions>
    </system.serviceModel>
    <system.web>
        <compilation debug="true"/>
    </system.web>

前端：

$.ajax({
            url: "http://192.168.0.23/Service1.svc/GetData",
            type: "GET",
            jsonpCallback: "TestData",
            contentType: "application/json",
            dataType: "jsonp",
            error: function () {
                alert("Error");
            },
            success: function (data) {
                alert("Success");
            }
        });

    }

网络结构是这样的：局域网中的两台PC；一台用于客户端javascript页面，另一台用于Web服务（192.168.0.23）。

希望有人能给我一些建议！！！谢谢大家！

4

1 回答 1

0

在 jQuery AJAX 调用（跨域）中使用 WCF 时必须考虑的事项；

  1. 在 Visual Studio 的单独实例中运行 WCF 服务项目。不要将 WCF 服务项目和消费项目混合在一个实例中并立即运行。运行使用项目时，WCF 项目必须已经启动并运行。
  2. 使用 DataType 作为 jsonp 而不是 json。
  3. 在 WCF 项目的 web.config 中，确保您在 \\ 下的标记中具有属性 crossDomainScriptAccessEnabled="true"。还将绑定名称设置为标记中的 bindingConfiguration 属性。

查看此以获取更多信息：

在不同的项目（跨域）中通过 AJAX 调用在 jQuery 中使用 WCF 服务

于 2013-06-19T09:53:51.713 回答