Какой лучший JS или JQuery-специфический подход для мониторинга файла cookie через ресурс страницы в браузере и запуска события, когда "cookie" изменен?
Монитор JQuery 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.