Получить куки по имени

У меня есть получатель, чтобы получить значение из куки.

Теперь у меня есть 2 куки по имени shares=и по имени obligations=.

Я хочу сделать этот геттер только для того, чтобы получить значения из файла cookie обязательств.

Как мне это сделать? Таким образом, forданные разбиваются на отдельные значения и помещаются в массив.

 function getCookie1() {
    // What do I have to add here to look only in the "obligations=" cookie? 
    // Because now it searches all the cookies.

    var elements = document.cookie.split('=');
    var obligations= elements[1].split('%');
    for (var i = 0; i < obligations.length - 1; i++) {
        var tmp = obligations[i].split('$');
        addProduct1(tmp[0], tmp[1], tmp[2], tmp[3]);
    }
 }

Один подход, который избегает итерации по массиву, был бы:

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

Прохождение

Разделение строки по токену приведет либо к массиву с одной строкой (с одинаковым значением), если токен отсутствует в строке, либо к массиву с двумя строками, если токен найден в строке.

Первый (левый) элемент - это строка того, что было до токена, а второй (справа) - это строка того, что было после токена.

(ПРИМЕЧАНИЕ: если строка начинается с токена, первый элемент является пустой строкой)

Учитывая, что куки хранятся следующим образом:

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

чтобы получить определенное значение cookie, нам просто нужно получить строку после "; {name} =" и до следующего ";". Прежде чем приступить к какой-либо обработке, мы добавляем строку cookie с «;», чтобы каждое имя файла cookie, включая первое, было заключено в «;» и «=»:

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

Теперь мы можем сначала разделить на «; {name} =», и если токен найден в строке cookie (т. Е. У нас есть два элемента), мы получим второй элемент, представляющий собой строку, начинающуюся с нашего значения cookie. Затем мы извлекаем это из массива (то есть pop) и повторяем тот же процесс, но теперь с «;» в качестве токена, но на этот раз вытащив левую строку (т. е. сдвиг), чтобы получить фактическое значение токена.

Я бы предпочел использовать одно совпадение с регулярным выражением в куки:

window.getCookie = function(name) {
  var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
  if (match) return match[2];
}

ИЛИ Также мы можем использовать в качестве функции, проверьте код ниже.

function check_cookie_name(name) 
    {
      var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
      if (match) {
        console.log(match[2]);
      }
      else{
           console.log('--something went wrong---');
      }
   }

Улучшено благодаря Скотту Юнгвирту в комментариях.

используйте скрипт получения куки:

function readCookie(name) {
    var nameEQ = name + "=";
    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,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}

тогда назовите это:

var value = readCookie('obligations');

Я украл код выше со страницы куки quirksmode. Вы должны прочитать это .

Если вы используете jQuery, я рекомендую вам использовать этот плагин:

https://github.com/carhartl/jquery-cookie
https://github.com/carhartl/jquery-cookie/blob/master/jquery.cookie.js

<script type="text/javascript"
 src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js">

Таким образом, вы можете прочитать cookie следующим образом:

var value = $.cookie("obligations");

Также вы можете написать cookie:

$.cookie('obligations', 'new_value');
$.cookie('obligations', 'new_value', { expires: 14, path: '/' });

Удалить куки:

$.removeCookie('obligations');

Методы в некоторых других ответах, которые используют регулярное выражение, не охватывают все случаи, в частности:

1. Когда файл cookie является последним файлом cookie. В этом случае не будет точки с запятой после значения cookie.
2. Когда имя другого файла cookie заканчивается именем, которое ищется. Например, вы ищете файл cookie с именем «one», и есть файл cookie с именем «done».
3. Когда имя файла cookie содержит символы, которые не интерпретируются как сами по себе при использовании в регулярном выражении, если им не предшествует обратная косая черта.

Следующий метод обрабатывает эти случаи:

function getCookie(name) {
    function escape(s) { return s.replace(/([.*+?\^${}()|\[\]\/\\])/g, '\\$1'); };
    var match = document.cookie.match(RegExp('(?:^|;\\s*)' + escape(name) + '=([^;]*)'));
    return match ? match[1] : null;
}

Это вернется, nullесли cookie не найден. Он вернет пустую строку, если значение cookie пустое.

Ноты:

1. Эта функция предполагает, что имена файлов cookie чувствительны к регистру .
2. document.cookie- Когда это появляется в правой части назначения, оно представляет строку, содержащую список файлов cookie, разделенных точкой с запятой, которые, в свою очередь, являются name=valueпарами. Кажется, что после каждой точки с запятой есть один пробел.
3. String.prototype.match()- Возвращает, nullкогда совпадений не найдено. Возвращает массив, когда найдено совпадение, а элемент в index [1]является значением первой совпадающей группы.

Примечания регулярного выражения:

1. (?:xxxx) - формирует несоответствующую группу.
2. ^ - соответствует началу строки.
3. | - отделяет альтернативные шаблоны для группы.
4. ;\\s* - соответствует одной точке с запятой, за которой следует ноль или более пробельных символов.
5. = - соответствует одному знаку равенства.
6. (xxxx) - формирует соответствующую группу.
7. [^;]*- соответствует нулю или более символов, кроме точки с запятой. Это означает, что он будет соответствовать символам до, но не включая точку с запятой или до конца строки.

Спустя 4 года ES6 значительно упростила версию.

function getCookie(name) {
  let cookie = {};
  document.cookie.split(';').forEach(function(el) {
    let [k,v] = el.split('=');
    cookie[k.trim()] = v;
  })
  return cookie[name];
}

Я также создал суть, чтобы использовать его как Cookieобъект. например, Cookie.set(name,value)иCookie.get(name)

Это читает все куки вместо сканирования. Это нормально для небольшого количества печенья.

Я изменил функцию, представленную здесь Джонатаном, используя регулярное выражение, вы можете получить значение cookie по его имени, например так:

function getCookie(name){
    var pattern = RegExp(name + "=.[^;]*")
    var matched = document.cookie.match(pattern)
    if(matched){
        var cookie = matched[0].split('=')
        return cookie[1]
    }
    return false
}

Если он возвращает пустую строку, это означает, что cookie существует, но не имеет значения, если он возвращает false, то cookie не существует. Надеюсь, это поможет.

Вот один из способов получить cookie с определенным именем без необходимости использования каких-либо внешних библиотек:

var cookie = ("; "+document.cookie).split("; YOUR_COOKIE_NAME=").pop().split(";").shift();

Этот ответ основан на блестящем решении Кирлиха . Единственный компромисс этого решения заключается в том, что вы получите пустую строку, когда cookie не существует. Однако в большинстве случаев это не должно нарушать договоренности.

Я знаю, что это старый вопрос, но я тоже сталкивался с этой проблемой. Просто для записи, есть небольшой API в веб-странице разработчиков Mozilla .

Yoy может получить любой файл cookie по имени, используя только JS. Код также чище ИМХО (за исключением длинной строки, которую, я уверен, вы можете легко исправить).

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

Как указано в комментариях, имейте в виду, что этот метод предполагает, что ключ и значение были закодированы с использованием encodeURIComponent (). Удалите decode & encodeURIComponent (), если ключ и значение файла cookie не были закодированы.

Вы можете использовать библиотеку js-cookie для получения и установки файлов cookie JavaScript.

Включить в ваш HTML:

<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>

Чтобы создать Cookie:

Cookies.set('name', 'value');

Чтобы прочитать Cookie:

Cookies.get('name'); // => 'value'

Вот довольно короткая версия

 function getCookie(n) {
    let a = `; ${document.cookie}`.match(`;\\s*${n}=([^;]+)`);
    return a ? a[1] : '';
}

Обратите внимание, что я использовал строки шаблона ES6 для составления выражения регулярного выражения.

использование object.defineProperty

С этим вы можете легко получить доступ к куки

Object.defineProperty(window, "Cookies", {
    get: function() {
        return document.cookie.split(';').reduce(function(cookies, cookie) {
            cookies[cookie.split("=")[0]] = unescape(cookie.split("=")[1]);
            return cookies
        }, {});
    }
});

Отныне вы можете просто сделать:

alert( Cookies.obligations );

Это также автоматически обновится, поэтому, если вы измените куки, то Cookiesтоже изменится.

Кирлих дал хорошее решение. Тем не менее, это не удается, когда есть два значения cookie с похожими именами, вот простое исправление для этой ситуации:

function getCookie(name) {
  var value = "; " + document.cookie;
  var parts = value.split("; " + name + "=");
  if (parts.length >= 2) return parts.pop().split(";").shift();
}

всегда хорошо работает

function getCookie(cname) {
    var name = cname + "=",
        ca = document.cookie.split(';'),
        i,
        c,
        ca_length = ca.length;
    for (i = 0; i < ca_length; i += 1) {
        c = ca[i];
        while (c.charAt(0) === ' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) !== -1) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}

function setCookie(variable, value, expires_seconds) {
    var d = new Date();
    d = new Date(d.getTime() + 1000 * expires_seconds);
    document.cookie = variable + '=' + value + '; expires=' + d.toGMTString() + ';';
}

Нет требований для jQuery или чего-либо еще. Чистый старый добрый JavaScript.

function getCookie(name) {
    var pair = document.cookie.split('; ').find(x => x.startsWith(name+'='));
    if (pair)
       return pair.split('=')[1]
}

Простая функция для получения куки с именем куки:

function getCookie(cn) {
    var name = cn+"=";
    var allCookie = decodeURIComponent(document.cookie).split(';');
    var cval = [];
    for(var i=0; i < allCookie.length; i++) {
        if (allCookie[i].trim().indexOf(name) == 0) {
            cval = allCookie[i].trim().split("=");
        }   
    }
    return (cval.length > 0) ? cval[1] : "";
}

По-видимому, MDN никогда не слышал о классе символов регулярных выражений \b, который соответствует смежному \w+, ограниченному с обеих сторон \W+:

getCookie = function(name) {
    var r = document.cookie.match("\\b" + name + "=([^;]*)\\b");
    return r ? r[1] : null;
};

var obligations = getCookie('obligations');

Мне кажется, вы могли бы разделить пары ключ-значение cookie на массив и основывать свой поиск на этом:

var obligations = getCookieData("obligations");

Который запускает следующее:

function getCookieData( name ) {
    var pairs = document.cookie.split("; "),
        count = pairs.length, parts; 
    while ( count-- ) {
        parts = pairs[count].split("=");
        if ( parts[0] === name )
            return parts[1];
    }
    return false;
}

Скрипка: http://jsfiddle.net/qFmPc/

Или, возможно, даже следующее:

function getCookieData( name ) {
    var patrn = new RegExp( "^" + name + "=(.*?);" ),
        patr2 = new RegExp( " " + name + "=(.*?);" );
    if ( match = (document.cookie.match(patrn) || document.cookie.match(patr2)) )
        return match[1];
    return false;
}

В своих проектах я использую следующую функцию для доступа к куки по имени

function getCookie(cookie) {
    return document.cookie.split(';').reduce(function(prev, c) {
        var arr = c.split('=');
        return (arr[0].trim() === cookie) ? arr[1] : prev;
    }, undefined);
}

Если вам просто нужно проверить, существуют ли какие-либо куки, просто сделайте это:

document.cookie.split('logged=true').length == 2

если cookie logged = true существует, вы получите 2, если не 1.

logged = true - измените это на cookie имя = значение или просто имя

Здесь уже есть хорошие ответы для получения куки, однако вот мое собственное решение:

function getcookie(cookiename){
var cookiestring  = document.cookie;
var cookiearray = cookiestring.split(';');
for(var i =0 ; i < cookiearray.length ; ++i){ 
    if(cookiearray[i].trim().match('^'+cookiename+'=')){ 
        return cookiearray[i].replace(`${cookiename}=`,'').trim();
    }
} return null;
}

использование: `

     getcookie('session_id');
   // gets cookie with name session_id

устанавливается javascript

document.cookie = 'cookiename=tesing';

получить с помощью jquery с плагином jquery-cookie

var value = $.cookie("cookiename");

alert(value);

ссылка: https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie

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

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

  alert(cookieValue);

Мое решение таково:

function getCookieValue(cookieName) {
    var ca = document.cookie.split('; ');
    return _.find(ca, function (cookie) {
        return cookie.indexOf(cookieName) === 0;
    });
}

Эта функция использует функцию Underscorejs _.find. Возвращает неопределенное значение, если имя файла cookie не существует

Я сделал это таким образом. так что я получаю объект для доступа к отдельным значениям. С этим вы можете передать 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;
        }  

Функциональный подход к поиску существующих куки. Он возвращает массив, поэтому он поддерживает несколько вхождений с одним и тем же именем. Он не поддерживает частичное совпадение ключей, но тривиально заменить === в фильтре на регулярное выражение.

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

Просто используйте следующую функцию (чистый код JavaScript)

const getCookie = (name) => {
 const cookies = Object.assign({}, ...document.cookie.split('; ').map(cookie => {
    const name = cookie.split('=')[0];
    const value = cookie.split('=')[1];

    return {[name]: value};
  }));

  return cookies[name];
};

Получить куки по имени, просто передайте имя куки в функцию ниже

function getCookie(cname) {
  var name = cname + "=";
  var decodedCookie = decodeURIComponent(document.cookie);
  var ca = decodedCookie.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 "";
}

Следующая функция вернет key-valueпару необходимых файлов cookie, где keyбудет указано имя файла cookie и valueзначение файла cookie.

/**
 * Returns cookie key-value pair
 */
var getCookieByName = function(name) {
    var result = ['-1','-1'];
    if(name) {
        var cookieList = document.cookie.split(';');
        result = $.grep(cookieList,function(cookie) { 
            cookie = cookie.split('=')[0];
            return cookie == name;
        });
    }
    return result;
};

Пример файлов cookie: пример JS:

document.cookies = {
   create : function(key, value, time){
     if (time) {
         var date = new Date();
         date.setTime(date.getTime()+(time*24*60*60*1000));
         var expires = "; expires="+date.toGMTString();
     }
     else var expires = "";
     document.cookie = key+"="+value+expires+"; path=/";
   },
   erase : function(key){
     this.create(key,"",-1);
   },
   read : function(key){
     var keyX = key + "=";
     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,c.length);
          if (c.indexOf(keyX) == 0) return   c.substring(keyX.length,c.length);
     }
     return null;
   }
}

Храните массивы и объекты с помощью json или xml