Каков «лучший» способ получить и установить одно значение cookie с помощью JavaScript

Question

Я хочу увеличивать значение cookie каждый раз, когда на страницу ссылаются, даже если страница загружается из кэша Каков «лучший» или самый лаконичный способ реализации этого?

Answer 1

украдено у http://www.quirksmode.org/js/cookies.html#script

function createCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toUTCString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
}

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

function eraseCookie(name) {
    createCookie(name,"",-1);
}

используя его:

var oldCount = parseInt(readCookie('hitCount'), 10) || 0;
createCookie('hitCount', oldCount + 1, 7);

Как указано в комментариях, вы должны приводить к int, поскольку куки хранятся и возвращаются в виде строк. Использование foo++ или ++foo на самом деле заменит вас, но безопаснее точно знать, с чем вы работаете:

var x = "5";  // x = "5" (string)
x += 1;       // x = "51" (string!)
x += 5;       // x = "515" (string!)
++x;          // x = 516 (number)

Answer 2

Большинство старых функций обработки cookie, которые я видел, использовали простые строковые манипуляции для хранения извлекаемых значений, например в этом примере, вы можете использовать другие библиотеки, например cookie-js, небольшая (<100 строк) </em> утилита для доступа к файлам cookie.

Я лично использую jQuery в своих проектах и ​​использую плагин jQuery Cookie , его очень просто использовать:

var cookieName = "increment";

if ($.cookie(cookieName) == null){
  $.cookie(cookieName, 1, { expires: 10 });
}else{
  var newValue = Number($.cookie(cookieName)) + 1;
  $.cookie(cookieName, newValue, { expires: 10 });
}

Answer 3

лучший способ всегда самый простой:

function getCookie(name) {
  return (name = (document.cookie + ';').match(new RegExp(name + '=.*;'))) && name[0].split(/=|;/)[1];
}

// the default lifetime is 365 days
function setCookie(name, value, days) {
  var e = new Date;
  e.setDate(e.getDate() + (days || 365));
  document.cookie = name + "=" + value + ';expires=' + e.toUTCString() + ';path=/;domain=.' + document.domain;
}

эти функции ожидают, что значение будет простой строкой, но вы всегда можете JSON.stringify его, если хотите, или, возможно, сделать что-то еще с ним ...