W3CSchool 的功能是错误的。如果有多个 cookie 具有相同的后缀,则它会失败,例如:
ffoo=bar; foo=baz
当您搜索foo
它时,将返回ffoo而不是foo的值。
现在这就是我要做的:首先,您需要了解 cookie 如何传输的语法。Netscape 的原始规范(在 haxx.se中只有这样的副本)使用分号分隔多个 cookie,而每个名称/值对具有以下语法:
NAME =
VALUE
这个字符串是一个字符序列,不包括分号、逗号和空格。如果需要在名称或值中放置此类数据,则建议使用一些编码方法,例如 URL 样式%XX
编码,尽管没有定义或要求编码。
因此document.cookie
以分号或逗号分隔字符串是一个可行的选择。
除此之外,RFC 2109还指定 cookie 用分号或逗号分隔:
cookie = "Cookie:" cookie-version
1*((";" | ",") cookie-value)
cookie-value = NAME "=" VALUE [";" path] [";" domain]
cookie-version = "$Version" "=" value
NAME = attr
VALUE = value
path = "$Path" "=" value
domain = "$Domain" "=" value
虽然两者都是允许的,但逗号是首选的,因为它们是 HTTP 中列表项的默认分隔符。
;
注意:为了向后兼容,Cookie 标头中的分隔符处处都是分号 ( )。服务器还应该接受逗号 ( ,
) 作为 cookie 值之间的分隔符,以便将来兼容。
此外,名称/值对还有一些进一步的限制,因为VALUE也可以是RFC 2616中指定的带引号的字符串:
attr = token
value = token | quoted-string
所以这两个cookie版本需要分开处理:
if (typeof String.prototype.trimLeft !== "function") {
String.prototype.trimLeft = function() {
return this.replace(/^\s+/, "");
};
}
if (typeof String.prototype.trimRight !== "function") {
String.prototype.trimRight = function() {
return this.replace(/\s+$/, "");
};
}
if (typeof Array.prototype.map !== "function") {
Array.prototype.map = function(callback, thisArg) {
for (var i=0, n=this.length, a=[]; i<n; i++) {
if (i in this) a[i] = callback.call(thisArg, this[i]);
}
return a;
};
}
function getCookies() {
var c = document.cookie, v = 0, cookies = {};
if (document.cookie.match(/^\s*\$Version=(?:"1"|1);\s*(.*)/)) {
c = RegExp.$1;
v = 1;
}
if (v === 0) {
c.split(/[,;]/).map(function(cookie) {
var parts = cookie.split(/=/, 2),
name = decodeURIComponent(parts[0].trimLeft()),
value = parts.length > 1 ? decodeURIComponent(parts[1].trimRight()) : null;
cookies[name] = value;
});
} else {
c.match(/(?:^|\s+)([!#$%&'*+\-.0-9A-Z^`a-z|~]+)=([!#$%&'*+\-.0-9A-Z^`a-z|~]*|"(?:[\x20-\x7E\x80\xFF]|\\[\x00-\x7F])*")(?=\s*[,;]|$)/g).map(function($0, $1) {
var name = $0,
value = $1.charAt(0) === '"'
? $1.substr(1, -1).replace(/\\(.)/g, "$1")
: $1;
cookies[name] = value;
});
}
return cookies;
}
function getCookie(name) {
return getCookies()[name];
}
来源:https ://stackoverflow.com/a/4004010