从 Jquery 调用的 WCF: 不允许的方法

Question

我今天已经阅读了无数关于创建 WCF 服务的演练，在尝试了太多次之后，我已经到了这个地步，不得不放弃这一天以保持理智。我正在尝试测试 API (SmartyStreets)，检索他们在其网站上列出的测试地址并以 JSON 格式返回响应。

我有一个 ISmartySreets.cs:

[ServiceContract]
public interface ISmartyStreetsService
{
    [OperationContract]
    [WebInvoke(Method = "GET", RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json, BodyStyle = WebMessageBodyStyle.WrappedRequest)]
    string AddressLookup(string learnersID, string street, string secondary, string city, string state, string zip);
}

我有一个 SmartyStreets.svc.cs 文件：

[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
public class SmartyStreetsService : ISmartyStreetsService
{
    public string AddressLookup(string street, string secondary, string city, string state, string zip)
    {
        //Lookup returns JSON of addresses, or string error.
        return Lookup(street, secondary, city, state, zip);
    }
}

我有一个科学怪人 web.config，它是我研究中不断编辑的受害者：

  <?xml version="1.0"?>
<configuration>
  <appSettings>
    <add key="aspnet:UseTaskFriendlySynchronizationContext" value="true" />
  </appSettings>
  <system.web>
    <compilation debug="true" targetFramework="4.5.2" />
    <httpRuntime targetFramework="4.5.2"/>
    <customErrors mode="Off"/>
  </system.web>
  <system.serviceModel>
    <services>
      <service name="SmartyStreetsWCF.SmartyStreetsService" behaviorConfiguration="serviceBehavior">
        <endpoint address=""
                  binding="webHttpBinding"
                  contract="SmartyStreetsWCF.ISmartyStreetsService"
                  behaviorConfiguration="web"></endpoint>
      </service>
    </services>
    <behaviors>
      <endpointBehaviors>
        <behavior name="web">
          <webHttp />
        </behavior>
      </endpointBehaviors>
      <serviceBehaviors>
        <behavior name="serviceBehavior">
          <serviceMetadata httpGetEnabled="true" httpsGetEnabled="true" />
          <serviceDebug includeExceptionDetailInFaults="false" />
        </behavior>
        <behavior name="">
          <serviceMetadata httpGetEnabled="true" httpsGetEnabled="true" />
          <serviceDebug includeExceptionDetailInFaults="false" />
        </behavior>
      </serviceBehaviors>
    </behaviors>
    <protocolMapping>
      <add binding="webHttpBinding" scheme="https" />
    </protocolMapping>
    <serviceHostingEnvironment aspNetCompatibilityEnabled="true" multipleSiteBindingsEnabled="true" />
  </system.serviceModel>
  <system.webServer>
    <httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Origin" value="*"/>
        <add name="Access-Control-Allow-Headers" value="Content-Type, Accept" />
        <add name="Access-Control-Allow-Methods" value="POST,GET,OPTIONS" />
        <add name="Access-Control-Max-Age" value="1728000" />
      </customHeaders>
    </httpProtocol>
    <modules runAllManagedModulesForAllRequests="true"/>
    <directoryBrowse enabled="true"/>
  </system.webServer>
</configuration>

最后，我有一个非常普通的 HTML 文件，使用 Jquery 调用我的服务，托管在非本地网络服务器上。

$.ajax({
        url: "http://wcftesting2.com/SmartyStreets.svc/AddressLookup",
        type: "GET",
        data: {street: "1 Rosedale St", secondary: "", city: "Baltimore", state:"MD", zip:"21229"},
        contentType: "application/json",
        dataType: "json",
        success: function(addresses) {
            alert("EUREKA!");
        },
        error: function(error) {
            alert("FAILURE");
        }
    });

尝试从我的 HTML 页面运行 jquery 我得到以下信息：预检响应具有无效的 HTTP 状态代码 405

"OPTIONS" 是这样的： /SmartyStreets.svc/AddressLookup?street=1+Rosedale+St&secondary=&city=Baltimore&state=MD&zip=212

导航至 link：http://wcftesting2.com/SmartyStreets.svc/AddressLookup?learnersID=12345&street=1+Rosedale+St&secondary=&city=Baltimore&state=MD&zip=21229 只是说，"method not allowed".

我认为我的问题介于 web.config 文件和我如何使用 Jquery 调用服务之间，但我需要停止一个晚上的工作。

如果有人能以丝毫帮助我，那就太好了。

Answer 1

我猜您不是从 http://wcftesting2.com 提供前端服务，这会触发您的浏览器预先发送请求。这是由 CORS 兼容的浏览器自动完成的。如果您的服务器配置为支持该请求，这会很好，但情况似乎并非如此。

你可以

从同一个域（无 CORS）或
让您的服务器支持 OPTIONS 请求：

Answer 2

您必须删除 contentType，因为您在 GET 中传递数据而不是 POST。

我参考以下 link.

Differences between contentType and dataType in jQuery ajax function on stack overflow

jquery documentation for ajax

从 Jquery 调用的 WCF: 不允许的方法

WCF called from Jquery: Method not allowed

jquery

web-services

wcf

wcfserviceclient

smartystreets