ajax - 如何使用参数将 XDomainRequest 调用 POST 到 WCF 服务方法

Question

我想我已经阅读了所有关于 XDomainRequest 的 StackOverflow 帖子以及另外几十篇关于 AJAX 和 WCF 的帖子，但我仍然无法让 XDomainRequest AJAX 调用正常工作。我已经在我的 WCF 服务上实现了 CORS(“Access-Control-Allow-Origin”)，并且我的代码在 Chrome 和 Firefox 中与 xmlHttpRequest 一起正常工作，但是我正在跨域进行调用，因此对于 IE，我需要使用XDomainRequest 对象。当我 GET 或 POST 到没有参数的方法时，我的 xdr 工作正常，我什至可以使用查询字符串成功地将 GET 动词用于带有参数的方法，但是当我尝试 POST 到方法 with args 我的 xdr 抛出错误，即使我在 BeginRequest 方法中放置了断点并且我看到服务器的响应是“200 OK”。我想我已经尝试了配置文件设置的每种组合，但我必须遗漏一些东西。非常感谢任何为我指明正确方向的帮助。

以下是我的代码的相关部分:

WCF - Global.asax

protected void Application_BeginRequest(object sender, EventArgs e)
    {
        //for CORS
        HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", "*");
    }

WCF - IService1.cs

[ServiceContract]
public interface IService1
{
    [OperationContract]
    [WebInvoke(Method = "POST")]
    string GetData();

    [OperationContract]
    [WebInvoke(Method = "POST")]
    string GetData2(string param);
}

WCF - Service1.svc

public class Service1 : IService1
{
    public string GetData()
    {
        return "Hello";
    }

    public string GetData2(string param)
    {
        return string.Format("Hello - {0}", param);

    }
}

WCF - Web.config

<?xml version="1.0"?>

<system.web>
    <compilation debug="true" targetFramework="4.0" />
</system.web>
<system.serviceModel>
    <serviceHostingEnvironment multipleSiteBindingsEnabled="true" />
    <services>
        <service behaviorConfiguration="WcfService1.Service1Behavior" name="WcfService1.Service1">
            <endpoint address="AjaxEndpoint" behaviorConfiguration="AjaxBehavior" contract="WcfService1.IService1" bindingConfiguration="AjaxBinding"/> 
        </service>
    </services>
    <behaviors>
        <serviceBehaviors>
            <behavior name="WcfService1.Service1Behavior">
                <!--<serviceMetadata httpGetEnabled="true" />-->
                <serviceDebug includeExceptionDetailInFaults="true" />
            </behavior>
        </serviceBehaviors>
        <endpointBehaviors>
            <behavior name="AjaxBehavior">
                <enableWebScript/>
            </behavior>
        </endpointBehaviors>
    </behaviors>
    <bindings>
        <webHttpBinding>
            <binding name="AjaxBinding"/>
        </webHttpBinding>
    </bindings>
</system.serviceModel>
<system.webServer>
    <modules runAllManagedModulesForAllRequests="true"/>
</system.webServer>

客户端 AJAX 调用

var WcfURL = "http://localhost/WcfService1/Service1.svc/AjaxEndpoint"
if (window.XDomainRequest) {
//IE - use cross-domain request
xdr = new XDomainRequest();
xdr.onprogress = function () { alert("onprogress: " + xdr.responseText) };
xdr.onload = function () { updateText(xdr.responseText) }; 
xdr.onerror = function () { alert("xdr error") };
xdr.timeout = 7500;
xdr.ontimeout = function () { alert("xdr timeout") };

var data = "passedInParam";
//var method = "/GetData";  //this works
var method = "/GetData2";  //this throws an error
xdr.open("POST", WcfURL + method);

xdr.send(data);

}

Answer 1

我已经找到解决办法了。感谢 Fiddler，我能够查看更多从服务返回的响应。错误是

The incoming message has an unexpected message format 'Raw'. The expected message formats for the operation are 'Xml', 'Json'. This can be because a WebContentTypeMapper has not been configured on the binding.

有了这些信息，我开始研究 WebContentTypeMapper。我发现this文章很有用，添加 WebContentTypeMapper 方法后，当我不包含参数时，我能够看到来自 XDomainRequest 的请求的 contentType 类型为“application/json”(如预期)在 XDomainRequest.send() 方法中，但在传入参数时更改为类型“application/octet-stream”。(即 xdr.send(data))我不知道为什么它更改为 octet-stream，但这样做会导致服务方法抛出 500 错误(带有上面的消息)，从而导致 xdr 请求出错。但 WebContentTypeMapper 的命名很恰当，并且使用它来更改 contentType 非常容易。将其更正为 Json 后，我的 xdr 运行良好。

方法如下:

public class CustomContentTypeMapper : WebContentTypeMapper
{
    public override WebContentFormat GetMessageFormatForContentType(string contentType)
    {
        if (contentType == "application/octet-stream")
        {
            return WebContentFormat.Json;
        }
        else
        {
            return WebContentFormat.Default;
        }
    }
}

以下是配置文件中已更新的部分:

<endpoint address="AjaxEndpoint" behaviorConfiguration="AjaxBehaviour" contract="WcfService1.IService1" binding="customBinding" bindingConfiguration="CustomMapper"/>
...
<bindings>
        <customBinding>
            <binding name="CustomMapper">
                <webMessageEncoding webContentTypeMapperType="WcfService1.CustomContentTypeMapper, WcfService1" />
                <httpTransport manualAddressing="true" />
            </binding>
        </customBinding>
    </bindings>