如何在C#中生成cookie並通過HTTPS在MVC中用JS讀取

Question

我在 C# 中生成一個 cookie，並嘗試在頁面加載時以 ascx 的形式在 JQuery 中讀取它。 該站點是 MVC 和 ANgularJS 的瘋狂混合，但在這種情況下，我純粹是在 ascx 中查找。 該站點運行於 https。

C# cookie 生成：

    private void UpdateSessionTimerCookie(bool? loggedIn = true)
    {
        #region Not Logged in? Return nothing
        var isLoggedIn = loggedIn ?? false;
        if (!isLoggedIn) { return; }
        #endregion

        const string cookieName      = "sRoller";

        #region Delete the cookie if it already exists
        if (Request.Cookies.Exists(cookieName) && Request.Cookies[cookieName] != null)
        {
            Response.Cookies.Remove(cookieName);
            Request.Cookies.Remove(cookieName);
        }
        #endregion

        #region Build the new cookie (reset of timer)
        var cookie = new HttpCookie(cookieName)
        {
            HttpOnly  = false,
            SameSite  = SameSiteMode.Lax,
            Expires   = DateTime.Now.AddMinutes(HttpContext.Session.Timeout),
            Value     = DateTime.Now.ToString(),
            Path      = "/",
            Secure    = true,
            Shareable = false
        };

        Response.Cookies.Add(cookie);
        Response.SetCookie(cookie);
        #endregion
    }

嘗試以 ascx 讀取 cookie：

<script type="text/javascript">
    $(document).ready(function() {
        function getCookie(cname) {
            var name = cname + "=";
            var ca = document.cookie.split(';');
            for (var i = 0; i < ca.length; i++) {
                var c = ca[i];
                while (c.charAt(0) === ' ') c = c.substring(1);
                if (c.indexOf(name) === 0) return c.substring(name.length, c.length);
            }

            return "";
        }

        var myCookie = getCookie("sRoller");
        //first alert
        alert(myCookie);
    });

    function ShowCookie() {
        var MyCookie = getCookieValue("sRoller");
        //second alert
        alert(MyCookie);
    }

    function getCookieValue(name) {
        var cookieList = document.cookie.split('; ');
        var cookies = {};

        for (var i = cookieList.length - 1; i >= 0; i--) {
            var cookie = cookieList[i].split('=');
            cookies[cookie[0]] = cookie[1];
        }

        return cookies[name];
    }

    ShowCookie();
</script>

在第一個警報中，我得到“未定義”。 在第二次警報中，我什么也沒得到。

我檢查了開發工具，cookie 就在那里。

Answer 1

試試這個：

function getCookieValue(name) {
  const value = `; ${document.cookie}`;
  const parts = value.split(`; ${name}=`);
  if (parts.length === 2) return parts.pop().split(';').shift();
}

這個解決方案更好，因為您不必遍歷所有 cookies。我在瀏覽器中的私有 window 中測試了這個。

按值獲取 cookies 的更多方法：

按名稱獲取 cookie