使用 JQuery 访问 ASP.net Web 服务时出错 - JSONP

Question

请查看下面的代码并帮助我找出我的网络服务代码中做错了什么。 我想设置一个可以使用 JSONP 来使用的 asp.net Web 服务。 我在客户端使用 Jquery 来访问该网站。 即使设置了正确的属性后，我的 Web 服务仍然会发出 xml，导致 aynch 调用失败。

Web 服务

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
 [System.Web.Script.Services.ScriptService]
public class WebService : System.Web.Services.WebService {

    public WebService () {

        //Uncomment the following line if using designed components 
        //InitializeComponent(); 
    }

    [WebMethod]
    [ScriptMethod(ResponseFormat= ResponseFormat.Json, XmlSerializeString=false, UseHttpGet=true)]
    public string HelloWorld(int id, string __callback) {
        return  __callback + "({message: 'Hello World'})";
    }

}

Web 服务响应：

<?xml version="1.0" encoding="utf-8"?>
<string xmlns="http://tempuri.org/">test({message: 'Hello World'})</string>

Web.Config：

<webServices>
    <protocols>
        <add name="HttpGet"/>
        <add name="HttpPost"/>
    </protocols>
</webServices>
<httpHandlers>
    <remove verb="*" path="*.asmx"/>
    <add verb="*" path="*.asmx" validate="false" 
        type="System.Web.Script.Services.ScriptHandlerFactory, 
            System.Web.Extensions, Version=3.5.0.0, 
            Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
    <add verb="*" path="*_AppService.axd" validate="false" 
        type="System.Web.Script.Services.ScriptHandlerFactory, 
            System.Web.Extensions, Version=3.5.0.0, 
            Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
    <add verb="GET,HEAD" path="ScriptResource.axd" 
        type="System.Web.Handlers.ScriptResourceHandler, 
            System.Web.Extensions, Version=3.5.0.0, 
            Culture=neutral, PublicKeyToken=31BF3856AD364E35" 
        validate="false"/>
</httpHandlers>
<httpModules>
    <add name="ScriptModule" 
        type="System.Web.Handlers.ScriptModule, System.Web.Extensions, 
            Version=3.5.0.0, Culture=neutral, 
            PublicKeyToken=31BF3856AD364E35"/>
</httpModules>

Javascript

$.ajax({
    type: "GET",
    contentType: "application/json; charset=utf-8",
    url: "http://localhost:54404/jsonp/webservice.asmx/HelloWorld?id=2&__callback=?", //?jsonp=MatchSvcCallback
    dataType: "jsonp",
    data: {},
    //jsonp : "MatchSvcCallback",
    success: function(msg) {
    alert("Inside success callback function"); // not being called

    },
    error: function(xhr, msg){
        var response = JSON.parse(xhr.responseText);

    }

});

js 代码与处理程序配合使用，但由于 xml 响应而导致 Web 服务失败。

Answer 1

我认为这里的问题是因为 jQuery 在使用 $.ajax() 时没有在 HTTP GET 的 HTTP 请求中设置 Content-Type 标头。 仅当请求类型为“POST”时才会发送。 dataType: "jsonp" 和 dataType: "json" 似乎都是这种情况。

我尝试了您的示例并观看了 Fiddler 中的请求/响应交换，果然我没有看到内容类型：application/xml； charset=UTF-8 在 HTTP GET 请求的标头中发送。 如果使用 HTTP POST，则标头会被发送。 我猜测此标头的存在是 ASP.NET Web 服务管道决定是否返回 JSON 或 XML 格式的响应的提示。

看来您不是唯一一个遇到此问题的人，请参阅 Elegant Code 网站上的以下文章：

从 JQuery 调用远程 ASP.NET Web 服务

解决方案似乎是以下之一：

• 使用 HttpModule 注入 Content-Type: application/xml; charset=UTF-8 标头添加到请求流中，如上面的文章所述。

• 为端点使用 HttpHandler，正如您在使用 ASP.NET Web 服务之前所解释的那样。

• 尝试 Rick Strahl 的基于页面的方法
  在下面的文章中（其中
  无论如何，实际上是一个 HttpHandler）： JSONP for cross -site Callbacks.