使用JSONP的WCF Restful Service(Windows Auth)

时间:2015-02-19 17:49:44

标签: javascript wcf rest jsonp

我有一个使用Windows身份验证设置的WCF RESTful服务,它运行正常。现在我想启用它以进行跨域访问,因此我将我的js更改为以下内容:

$.ajax({
         type: "GET",
         url: "http://www.example.com/MyService.svc/GetData",
            contentType: "application/javascript",
            dataType: "jsonp",
            async: false,
            success: function (data) {
                alert($.parseJSON(data));
            },
            error: function (ex) {
                throw ex;
            }
        });

在Chrome开发者工具中,在“网络”标签下,我可以看到请求有200状态代码,在“响应”标签中,我看到了返回的数据。但是,在我的javascript中,成功块永远不会被调用。它进入错误块并出现错误:

Uncaught #<Object>
$.ajax.error
x.Callbacks.c
x.Callbacks.p.fireWith
k
x.ajaxTransport.send.n.onload.n.onreadystatechange

我错过了什么?

1 个答案:

答案 0 :(得分:0)

如果将contenttype更改为“application / json; charset = utf-8”无法解决问题,那么您可以尝试以下代码:

如果要启用它以进行跨域访问,则应在global.asax.cs文件中包含以下代码。

    protected void Application_BeginRequest(object sender, EventArgs e)
    {   
        EnableCrossDmainAjaxCall();
    }
    private void EnableCrossDmainAjaxCall()
    {
        HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", "*");
        if (HttpContext.Current.Request.HttpMethod == "OPTIONS")
        {
            HttpContext.Current.Response.AddHeader("Cache-Control", "no-cache");
            HttpContext.Current.Response.AddHeader("Access-Control-Allow-Methods", "POST");
            HttpContext.Current.Response.AddHeader("Access-Control-Allow-Headers", "Content-Type, Accept");
            HttpContext.Current.Response.AddHeader("Access-Control-Max-Age", "1728000");
            HttpContext.Current.Response.End();
        }
    }

您可以编写ajax调用函数,如下代码:

$.ajax({
        isPostBack: false,
        type: "GET",
        url: "http://www.example.com/MyService.svc/GetData",
        async: false,
        cache: false,
        type: 'POST',
        contentType: "application/json; charset=utf-8",
        data: '{}',
        dataType: 'json',
        crossDomain: true,
        success: function (data) {
            alert($.parseJSON(data));
        },
        error: function (ex) {
            throw ex;
        }
    });