我写这篇文章是为了在Internet Explorer 11和现代浏览器(如Chromium Edge和Firefox)下工作。

这将获得一个HttpOnly属性为false的cookie值。

    function getCookieValue(keyName) {

        let returnValue = undefined;

        if (keyName && document.cookie) {

            let cookieArray = decodeURIComponent(document.cookie).split('; ');
            for (var i = 0; i < cookieArray.length; i++) {

                if (cookieArray[i]) {
                    let key = cookieArray[i].split('=')[0];
                    if (key && key === keyName) {
                        let value = cookieArray[i].split('=')[1];
                        returnValue = value;
                        break;
                    }
                }

            }

        }

        return returnValue;

    }

我知道这是一个老问题，但我也遇到过这个问题。只是为了记录，在开发者的mozilla网页中有一个小API。

你可以只使用JS获得任何名称的cookie。恕我直言，代码也更干净(除了很长的代码行，我相信您可以很容易地修改)。

function getCookie(sKey) {
    if (!sKey) { return null; }
    return decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*" + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=\\s*([^;]*).*$)|^.*$"), "$1")) || null;
}

如注释中所述，注意此方法假定键和值是使用encodeURIComponent()编码的。如果cookie的键和值没有被编码，则删除decode & encodeURIComponent()。

一种避免在数组上迭代的方法是:

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

预排

如果字符串中不存在令牌，则通过令牌分割字符串将生成一个包含一个字符串(相同值)的数组;如果字符串中存在令牌，则生成一个包含两个字符串的数组。

第一个(左)元素是标记之前的字符串，第二个(右)元素是标记之后的字符串。

(注意:如果字符串以令牌开头，第一个元素为空字符串)

考虑到cookie的存储方式如下:

"{name}={value}; {name}={value}; ..."

为了检索特定的cookie值，我们只需要获取“;”之后的字符串;{name}=" and before next ";"。在进行任何处理之前，在cookie字符串前加上";，这样每个cookie名称，包括第一个，都包含“;And "=":

"; {name}={value}; {name}={value}; ..."

现在，我们可以先用";{name}="，如果token在一个cookie字符串中找到(即我们有两个元素)，我们将以第二个元素为以我们的cookie值开头的字符串结束。然后我们从数组中取出它(即pop)，并重复相同的过程，但现在使用“;”作为标记，但这次取出左边的字符串(即shift)以获得实际的标记值。

我是这样做的。这样我就有了一个对象来分隔值。有了这个，你可以把cookie传递给父节点，然后你可以通过键来访问你的值

var cookies=getCookieVal(mycookie);
alert(cookies.mykey);
function getCookieVal(parent) {
            var cookievalue = $.cookie(parent).split('&');
            var obj = {};
            $.each(cookievalue, function (i, v) {
                var key = v.substr(0, v.indexOf("="));
                var val = v.substr(v.indexOf("=") + 1, v.length);

                obj[key] = val;

            });
            return obj;
        }  

查找现有cookie的功能性方法。它返回一个数组，因此它支持同一名称多次出现。它不支持部分键匹配，但是用正则表达式替换过滤器中的=== =是很简单的。

function getCookie(needle) {
    return document.cookie.split(';').map(function(cookiestring) {
        cs = cookiestring.trim().split('=');

        if(cs.length === 2) {
            return {'name' : cs[0], 'value' : cs[1]};
        } else {
            return {'name' : '', 'value' : ''};
        }
    })
    .filter(function(cookieObject) { 
        return (cookieObject.name === needle);
    });
}

只是为了给这个响应添加一个“正式”的答案，我复制/粘贴解决方案来设置和从MDN检索cookie(这里是JSfiddle

    document.cookie = "test1=Hello";
    document.cookie = "test2=World";

    var cookieValue = document.cookie.replace(/(?:(?:^|.*;\s*)test2\s*\=\s*([^;]*).*$)|^.*$/, "$1");

    function alertCookieValue() {
      alert(cookieValue);
    }

在您的特定情况下，您将使用以下函数

    function getCookieValue() {
      return document.cookie.replace(/(?:(?:^|.*;\s*)obligations\s*\=\s*([^;]*).*$)|^.*$/, "$1");
    }

注意，我只是用“义务”替换了示例中的“test2”。