Монитор JQuery cookie

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

Ответ 1

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

Создайте poller, который сравнивает значение 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!');
});

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

EDIT: я тестировал это сейчас, и он работает. См. пример:)

Ответ 2

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

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

Ответ 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, например. экспирации.

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