CORS 环境中 jQuery AJAX 调用之间的 ASP NET 会话

Question

使用VS2012，框架4.5

我有一个简单的 webapp，只有一个 WebService.asmx 文件。运行项目会发布这 2 个 webmethod，SetData 和 GetData，这是 C# 代码：

[WebService(Namespace = "http://mydomain.com/")]
[System.Web.Script.Services.ScriptService]
public class WebService: System.Web.Services.WebService {

  [WebMethod(EnableSession=true)]
  [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
  public string SetData() {
      HttpContext.Current.Session["someData"] = "xxxxxxxxx";
      return "";
  }

  [WebMethod(EnableSession = true)]
  [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
  public string GetData() {
      if (HttpContext.Current.Session["someData"] == null)
          return "Session NULL";
      else
          return HttpContext.Current.Session["someData"].ToString();
  }
}

web.config 设置为启用 CORS，aspNetCompatibilityEnabled 设置为启用会话共享

<system.webServer>
  <httpProtocol>
    <customHeaders>
      <add name="Access-Control-Allow-Origin" value="null" />
      <add name="Access-Control-Allow-Headers" value="Content-Type" />
      <add name="Access-Control-Allow-Credentials" value="true" />
    </customHeaders>
  </httpProtocol>
</system.webServer>

<system.serviceModel>
  <serviceHostingEnvironment aspNetCompatibilityEnabled="true"/>
</system.serviceModel>

所以项目运行良好。现在我想从一个简单的 HTML 页面使用这两种方法（HTML NOT 是 ASPNET 项目的一部分，只是一个 HTML 文件......因此是 CORS 问题） 这是 HTML 代码（为简单起见，省略了 HTML 标记，但它只是一个空页面）：

<script type="text/javascript">
    $(document).ready(function() {
        //jQuery.support.cors = true;
        $.ajax({
            type: "POST",
            url: "http://localhost:62776/WebService.asmx/SetData",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(msg) {
                alert('SetData OK');
                $.ajax({
                    type: "POST",
                    url: "http://localhost:62776/WebService.asmx/GetData",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    //async: true, -- makes no difference
                    //beforeSend: function(xhr){
                    //    xhr.withCredentials = true;
                    //},
                    success: function(msg) {
                        alert('GetData: ' + msg.d);
                    },
                    error: function(e){
                        alert("GetData: Unavailable");
                    }
                });

            },
            error: function(e){
                alert("SetData: Unavailable");
            }
        });
    });
</script>

运行 HTML 页面给我SetData OK，然后是GetData: Session NULL，但我想要GetData: xxxxxx

所以我的问题是，如何在 CORS 调用之间访问相同的 Session Object？

我还尝试启用身份验证，认为 ASPNET AUTH COOKIES 会以某种方式在 AJAX 调用之间保持正确的会话 ID，但它不起作用。有一种可能的方法使用 SOAP 信封来验证每个 AJAX 调用并发送会话信息，但这似乎有点过头了。

Answer 1

您需要设置 withCredentials 这意味着客户端希望发送隐式“东西”（包括 cookie）：

http://brockallen.com/2012/12/15/cors-and-windows-authentication/

此外，鉴于您需要允许“凭据”，服务器必须使用 Access-Control-Allow-Origin 响应特定来源请求——它不能使用“*”。

Answer 2

您是否尝试过添加到您的 web.config 文件

<webServices>
  <protocols>
    <add name="HttpGet"/>
    <add name="HttpPost"/>
  </protocols>
</webServices>

或将以下代码添加到您的网络方法中：

[ScriptMethod(UseHttpGet = true)]
public string HelloWorld()
{
   return "Hello World";
}

用它来调用你的服务（javascript）：

function SendAjaxRequest(url) {

var xmlhttp = "";

if (window.XMLHttpRequest) {
    xmlhttp = new XMLHttpRequest();
} else {
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}

xmlhttp.open("GET", url, false);
xmlhttp.onreadystatechange = function () {
    //when response is ready
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        var rspText = xmlhttp.responseText;
        if (rspText != undefined) {
            // here is the response
            var json = JSON.parse(rspText);
        }
    }
}

   xmlhttp.send(null);
}

如果您注意到返回的数据会被包含在标签中以将其删除并仅获取数据，请使用此函数：

function TrimXmlTag(start, responseText) {

   var from = responseText.indexOf(start),
       remaining = responseText.substring(from, responseText.length - 9);

   return remaining;
}

只需更改这一行：

 var json = JSON.parse(TrimXmlTag("[",rspText));

希望对你有帮助。