WCF Ajax 调用不适用于 Jquery $.ajax

Posted 2023-02-19

【中文标题】WCF Ajax 调用不适用于 Jquery $.ajax

【英文标题】：WCF Ajax Call not working with Jquery $.ajax

【发布时间】：2011-04-04 11:08:59

【问题描述】：

我有以下 jQuery（服务名称已更改）：

var url = "http://localhost/services/MyService.svc/addentrant";
var stuff = $("#signup-form").serializeArray();

$.ajax(
    type: "POST",
    url: url,
    contentType: "application/json; charset=utf-8",
    data: stuff,
    timeout: 10000,
    success: function (obj)  alert('yay!'); 
);

以上内容向我的本地 IIS7.5 服务器上的 Sitefinity 中托管的 WCF 服务发出请求。下面是相关的web.config：

<endpointBehaviors>
<behavior name="jsonBehavior">
  <webHttp/>
</behavior>
...
<serviceBehaviors>
        <behavior name="DefaultBehavior">
          <serviceMetadata httpGetEnabled="true"/>
        </behavior>
...
<services>
 <service behaviorConfiguration="DefaultBehavior" name="Services.MyService" >
        <endpoint address="" behaviorConfiguration="jsonBehavior" binding="webHttpBinding" contract="Services.IMyService" bindingConfiguration=""/>
        <endpoint address="mex" binding="mexHttpBinding" contract="IMetadataExchange"/>
 </service>
...

最后是MyService的接口和实现：

[ServiceContract(Name = "MyService", Namespace = "http://myservice.com/services/2010/")]
public interface IMyService

    [OperationContract,
    WebInvoke(Method = "POST",
              ResponseFormat = WebMessageFormat.Json,
              BodyStyle = WebMessageBodyStyle.WrappedRequest,
              UriTemplate = "addentrant")]
    void AddEntrant(string firstName);

...
[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
public class MyService : IMyervice

...
    public void AddEntrant(string firstName)
    
        Entrant entrant = new Entrant()
        
            FirstName = firstName,
        ;
        context.Entrants.InsertOnSubmit(entrant);
        context.SubmitChanges();
    

我认为这就是一切。无论如何，$.ajax 调用返回成功，但没有调用 Web 服务方法（我设置了断点）。 我打开 Fiddler，发现我收到了 405：不允许的方法。我以前见过，但只是在我忘记设置允许 POST 请求的方法时。我很困惑为什么它现在这样做。

另外，奇怪的是，如果我克隆在 Fiddler 中捕获的 ajax 请求，我会得到以下信息：

OPTIONS /services/MyService.svc/addentrant HTTP/1.1
Host: localhost
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.2.8) Gecko/20100722 Firefox/3.6.8
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: en-us,en;q=0.5
Accept-Encoding: gzip,deflate
Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
Keep-Alive: 115
Connection: keep-alive
Origin: http://localhost:6339
Access-Control-Request-Method: POST

只有标头，没有请求正文可言。

【问题讨论】：

另一个问题——stuff 是什么样的？它是否序列化为firstName: "name"（伪代码）？

这是一个 jQuery 序列化数组对象，如 [Object name="firstName", value="Bob" , name="lastName", value="Bob"...]。

我不确定在您的服务中，firstName 字符串如何映射到您发送的内容（序列化的 javascript 对象文字）。这只是伪代码吗？此外，使用您粘贴的 ajax 请求捕获，您从哪里复制该数据？如果您单击“请求”窗格（位于右上角）中的“TextView”选项卡，您看不到您的有效负载吗？

实际上，现在我查看了您的 Fiddler 请求，您使用的 HTTP 动词是 OPTIONS，而不是 POST。这就是为什么您要返回 405 的原因。如果我接受只允许 POST 的 POST 请求并尝试执行 GET，我会在 Fiddler（和我的应用程序）中得到 405。所以我想我想知道你的机器（代理？）上是否还有其他东西会导致这种情况？您的客户端和服务器是否在同一个域中（相同的服务器、相同的端口——例如 localhost:53128）？

Web 服务托管在 localhost（在 IIS7.5 中）。发出 $.ajax 请求的站点托管在 localhost:24526 （一些随机端口，在应用程序开发服务器中）。我注意到 Fiddler 一直使用 OPTIONS 动词克隆请求；不知道为什么要这样做。似乎从 $.ajax is OPTIONS 发送的请求标头似乎，但这没有任何意义。我实际上并没有在 Fiddler 中看到有效负载 :(.

【参考方案1】：

如果您尝试使用 GET 而不是 POST 会发生什么？

尝试清除缓存或将时间戳附加到 url - 200 响应代码可能已被浏览器缓存

【讨论】：

我能够使用 $.get;希望我可以通过使用它来获得，但这是一个竞赛报名表：/。将尝试附加时间戳。

当我在末尾添加时间戳时没有变化。 叹息

【参考方案2】：

要尝试的另一件事是不要在您的$.ajax 调用中设置contentType，而是使用dataType: "json"。

$.ajax(
    type: "POST",
    url: url,
    dataType: "json",
    data: stuff,
    timeout: 10000,
    success: function (obj)  alert('yay!'); 
);

【讨论】：

试过了，行为没有改变。