phpjsJqueryhtmlcssblog

javascript получение и вывод кук

js получить cookie или - javascript вывод кук. Страница будет посвящена только одной теме:

Как получить и вывести cookie javascript

1. Получение кук в javascript
2. Функция getCookie в javascript
3. Почему нет нормальной getCookie ро умолчанию в javascript

Скопировать ссылку



Функция для получить и вывести cookie в javascript

В прошлый раз я разбирал как установить куки. Для получения cookie в javascript также можно воспользоваться свойством "cookie" объекта document:


Вывод кук в javascript в консоль

console.log(document.cookie);

Единственная проблема... что в данном случае возвращается строка и вывод произойдет всех кук, которые существуют вообще в браузере...

Можно ли извлечь нашу куку из строки...?

Мы знаем, что имя кук = "test_name"(устанавливали на странице)

Разобьем в массив с помощью split И получим первый элемент массива - это будет строка... выведем в консоль, здесь мы видим, что наше значение стоит в самом начале... :

var varr = document.cookie.split('test_name=')[1];

Нажмите, чтобы открыть в новом окне.




Далее... мы можем опять разделить строку по точке с запятой и получить... уже нулевой элемент массива:

varr.split(';')[0];

Не буду выкладывать скрин... соберем весь код вместе:

<script>

var varr = document.cookie.split('test_name=')[1];

document.write( varr.split(';')[0]);

</script>

Выведем данный код здесь:
Скопировать ссылку



Функция getCookie в javascript

Интернет переполнен всякими функциями, которые могут получать куки в javascript.

По идее - это все... примерно тоже, что и я написал в первом пункте:

Пример функции getCookie в javascript

<script>

function getCookie(name)

{

  var cookie = " " + document.cookie;

  var search = " " + name + "=";

  var setStr = null;

  var offset = 0;

  var end = 0;

  if (cookie.length > 0)

  {

     offset = cookie.indexOf(search);

     if (offset != -1)

     {

        offset += search.length;

        end = cookie.indexOf(";", offset)

        if (end == -1)

        {

        end = cookie.length;

        }

        setStr = unescape(cookie.substring(offset, end));

     }

  }

  return(setStr);

}

</script>

Применение функции getCookie в javascript

<script>echo(getCookie('test_name'));</script>

Результат применения getCookie в javascript

Ещё пример getCookie в javascript

<script>

function readCookie(name) {

var matches = document.cookie.match(new RegExp(

"(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\/\+^])/g, '\$1') + "=([^;]*)"

));

return matches ? decodeURIComponent(matches[1]) : undefined;

}

</script>

Применение функции getCookie в javascript

Поскольку уже одна функция есть с таким названием "getCookie ", то второй функции нужно дать другое имя - "readCookie"

<script>echo(readCookie('test_name'));</script>

Результат применения getCookie в javascript

Скопировать ссылку



Почему нет нормальной функции по умолчанию получить cookie в javascript

Если сравнивать два языка, по... например по получению кук, то php cookie без сомнения выигрывают!


Вообще..., как я уже повторял неоднократно, то складывается, иногда, ощущение, что программист/ы когда писали javascript - постоянно бухали.

Еще никто не прокомментировал! COMMENTS+   BBcode

Подписаться + =

---