Javascript getCookie functions

Funkcja z W3CSchool jest błędna. To nie powiedzie się, jeśli istnieje wiele plików cookie, które mają ten sam przyrostek jak:

ffoo=bar; foo=baz

Podczas wyszukiwania foozwróci wartość ffoozamiast foo.

Oto, co chciałbym zrobić: przede wszystkim musisz poznać składnię, w jaki sposób pliki cookie są transportowane. Oryginalnej specyfikacji Netscape ' a (dostępne są tylko kopie jak ten na haxx.se ) używa średników do oddzielenia wielu pliki cookie, podczas gdy każda para nazwa / wartość ma następującą składnię:

NAZWA=WARTOŚĆ
Łańcuch ten jest sekwencją znaków z wyłączeniem dwukropków, przecinków i spacji. Jeśli istnieje potrzeba umieszczenia takich danych w nazwie lub wartości, zalecane jest kodowanie niektórych metod kodowania, takich jak kodowanie w stylu URL %XX, chociaż kodowanie nie jest zdefiniowane lub wymagane.

Więc dzielenie document.cookie ciągu na półkolonie lub przecinki jest żywotne opcja.

Poza tym, RFC 2109 określa również, że pliki cookie są oddzielone średnikami lub przecinkami:

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

Chociaż oba są dozwolone, preferowane są przecinki, ponieważ są domyślnym separatorem elementów listy w HTTP.

Uwaga: dla zgodności wstecznej separator w nagłówku pliku Cookie jest dwukropkiem (;) wszędzie. Serwer powinien również akceptować przecinek (,) jako separator pomiędzy wartościami plików cookie dla kompatybilność w przyszłości.

Ponadto para nazwa / wartość ma pewne dodatkowe ograniczenia, ponieważ wartość Może być również cytowanym ciągiem, jak określono w RFC 2616:

attr        =     token
value       =     token | quoted-string

Więc te dwie wersje plików cookie muszą być traktowane oddzielnie:

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];
}