如何添加Access-Control-Allow-Origin?

时间:2013-10-04 06:08:01

标签: jquery asp.net ajax web-services

当我调用我的webservice方法时,我收到以下错误。

Origin http://localhost:4165 is not allowed by Access-Control-Allow-Origin.

在引用网络时我得到的解决方案就像添加Access-Control-Allow-Origin 我不知道在哪里添加这个。 我的剧本是:

 $(document).ready(function () {
        $.ajax({
            type: "Post", dataType: "json", contentType: "application/json; charset=utf-8",
            url: "http://localhost:63384/ListWebService.asmx/HelloWorld", success: function (data) { alert(data.d); }, error: function (request, status, error) {
                alert(request.responseText);
            }
        });
    });

我的网络服务方法是:

[WebMethod]
    public string HelloWorld()
    {
        return "Hello User";
    }

1 个答案:

答案 0 :(得分:12)

我找到了问题的答案。只需将以下内容添加到您的web.config文件

即可
<system.webServer>
    <httpProtocol>
        <customHeaders>
            <add name="Access-Control-Allow-Origin" value="*"/>
            <add name="Access-Control-Allow-Headers" value="Origin, X-Requested-With, Content-Type, Accept" />
        </customHeaders>
    </httpProtocol>
</system.webServer>

此外,如果您不希望全局设置它,那么您可以单独将其添加到您的操作方法中,如下所示:

[WebMethod]
public string HelloWorld()
{
    HttpContext.Response.Headers.Add("Access-Control-Allow-Origin", "*");
    return "Hello User";
}