C＃Ajax仅发布400错误请求Firefox

Question

I am trying to write an ajax application using C# backend. For ajax calls I am using jquery. It works fine with IE and Google Chrome but it gives 400 bad request when I try to open it using Firefox. Here is the front end code

$.ajax({
        url: "http://localhost:25028/Service.svc/Fun",
        type: "POST",
        dataType: "json",
        timeout: 10000,
        contentType: "application/json; charset=utf-8",
        data: JSON.stringify({input: 'input'}),
        crossDomain: true,
        success: function (input) {
            var data = JSON.parse(input);
            alert(data.data);
        },
        error: function (input, textstatus, errorThrown) {
            alert(textstatus);
        }
    });

And I am using the following bindings in web.config if they are relevant.

    <behavior name="EndpBehavior">
      <webHttp />
    </behavior>


  <service behaviorConfiguration="ServiceBehavior" name="Service">
    <endpoint address="" binding="webHttpBinding" contract="Service" behaviorConfiguration="EndpBehavior"/>
  </service>

The function definition is as follows

[OperationContract]
[WebInvoke(Method = "*", BodyStyle = WebMessageBodyStyle.WrappedRequest, RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json)]
public string Fun( string input )
{
    return new JavaScriptSerializer().Serialize(new { data = "this is data" });
}

}

I don't understand what the mistake is.

Thanks in advance.

Answer 1

Try to use fiddler. http://fiddler2.com . Also use BodyStyle = WebMessageBodyStyle.Bare and Method = "POST"

Answer 2

Can you try adding the following line in your service implementation, before you return the Json:

HttpContext.Current.Response.AddHeader("Access-Control-Allow-Headers", "x-requested-with");

After this, clear the Firefox session/cookies (or even better, open FF in 'Private browsing mode') - and hit the url again.