Jquery cookie monitor

Question

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

Answer 1

Насколько я знаю, невозможно напрямую связать событие change (или подобное) с файлом cookie.Вместо этого я бы выбрал такой подход:

Создать опросник, который сравнивает значение cookie с ранее известным значением каждые X миллисекунд.

// basic functions from the excellent http://www.quirksmode.org/js/cookies.html
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;
}

/////////////////////////////////
// ACTUAL FUN STUFF BELOW
/////////////////////////////////

var cookieRegistry = [];

function listenCookieChange(cookieName, callback) {
    setInterval(function() {
        if (cookieRegistry[cookieName]) {
            if (readCookie(cookieName) != cookieRegistry[cookieName]) { 
                // update registry so we dont get triggered again
                cookieRegistry[cookieName] = readCookie(cookieName); 
                return callback();
            } 
        } else {
            cookieRegistry[cookieName] = readCookie(cookieName);
        }
    }, 100);
}

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

listenCookieChange('foo', function() {
    alert('cookie foo has changed!');
});

Примечание: это не было проверено, и это всего лишь небольшая демонстрация того, как я бы подошел к проблеме.

РЕДАКТИРОВАТЬ: Я проверил это сейчас, и он работает. См. Пример:)

Answer 2

Знаете что, это помогло чему-то странному.Я пытался использовать Google Translate (http://translate.google.com/translate_tools?hl=en) в мобильном веб-приложении, и каждый раз, когда менялся язык, он вставлял полоску вверху как первый дочерний элемент document.body. Сейчас я отслеживаю файл cookie googtrans и выполняюэто

listenCookieChange('googtrans', function() {
    $(document.body).css('top','0px');
});

Answer 3

Существует плагин jQuery для cookies.

http://plugins.jquery.com/project/Cookie

Нетрудно получить доступ к файлам cookie в HTML-документе, они находятся в document.cookie.

<!-- Add cookie -->
$.cookie('cookieName':'cookieValue');

<!-- get cookie -->
$.cookie('cookieName');

<!-- removecookie -->
$.cookie('cookieName', null);

Кроме того, есть параметры аргументов для добавления куки, например, экспирации.

Однако, отвечая на ваш вопрос, я не думаю, что вы, к сожалению, можете применить прослушиватель событий к файлам cookie.