как удалить cookie в jquery во время закрытия браузера?

Question

Я создал cookie с помощью jQuery. Я хочу удалить cookie с помощью jQuery при закрытии браузера. Как мне это сделать?

Я написал следующий скрипт:

$(function () {
         if ($.cookie('toggle') == "toggle") {
             $('#toggleText').show();
             $('#displayText').text("Less");
         }
         else {
             $('#toggleText').hide();
             $('#displayText').text("More");
         }
         $('#displayText').click(function () {
             if ($(this).text() == "More") {
                 $('#toggleText').show();
                 $(this).text("Less");
                 $.cookie('toggle', 'toggle');

             } else {
                 $('#toggleText').hide();
                 $(this).text("More");
                 $.cookie('toggle', 'nottoggle');

             }
         });

     })

Файл cookie также не следует удалять, когда пользователь обновляет браузер.

Спасибо.

Answer 1

То, о чем вы говорите, это временные файлы cookie - файлы cookie являются временными (они удаляются при закрытии браузера), когда вы устанавливаете cookie без даты истечения срока действия. Они существуют только для текущего сеанса браузера

Если вы используете эту реализацию -> http://code.google.com/p/cookies/wiki/Documentation

Они предоставляют метод удаления:

$.cookies.del('myCookie');
//deletes a cookie, 'myCookie', with default options

Или удаление cookie с использованием чистого JavaScript:

document.cookie = "myCookie=; expires=Thu, 01-Jan-70 00:00:01 GMT;";

Существует событие unload, которое вы можете привязать к нему, которое позволит вам удалить куки при закрытии браузера -

Событие unload отправляется элементу окна, когда пользователь перемещается подальше от страницы. Это может означать одно из многих. Пользователь мог нажали на ссылку, чтобы покинуть страницу, или набрали новый URL в Адресная строка. Кнопки «Вперед» и «Назад» активируют событие. Закрытие окна браузера вызовет событие. Четное перезагрузка страницы сначала создаст событие выгрузки.

Пример:

$(window).unload(function() {
 // delete your cookie here
});

Обновление ....

Кажется, что использование файлов cookie сеанса с плагином jQuery не так просто, как должно быть ... я думаю, что использование плагина для такой простой задачи - трата пропускной способности (я знаю, что это всего лишь пара КБ - но вещь бедных мобильных пользователей) .. вот два метода, которые я всегда использую для получения / установки файлов cookie:

function setCookie(c_name, value, exdays) {
    var exdate = new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());
    document.cookie = c_name + "=" + c_value;
}


function getCookie(c_name) {
    var i, x, y, ARRcookies = document.cookie.split(";");
    for (i = 0; i < ARRcookies.length; i++) {
        x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
        y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
        x = x.replace(/^\s+|\s+$/g, "");
        if (x == c_name) {
            return unescape(y);
        }
    }
}

И использовать эти методы очень просто ....

setCookie('myCookie','myvalues',5); 
// the 5 is the number of days in the future the cookies should be removed
// leave this parameter out or set to null for transient cookie

myvalues = getCookie('myCookie');

Еще одно обновление ....

С плагином jQuery это не так сложно, вам просто нужно установить некоторые параметры:

var newOptions = {
  expiresAt: null
};
$.cookies.setOptions(newOptions);
or 
$.cookies.setOptions({expiresAt: null});

Answer 2

Если вы хотите удалить cookie при закрытии браузера, вам следует установить сессионный cookie , срок действия которого автоматически истекает при закрытии браузера.Но если вы хотите удалить куки при закрытии вкладки, чем использовать события window.unload и window.beforeunload, напишите функцию для удаления необходимых куки и прикрепления к этим событиям.

Answer 3

используйте простой код JavaScript, как указано выше, для создания или удаления cookie. И если вы хотите сделать его файлом cookie сеанса (срок действия которого истекает при закрытии браузера), не передавайте параметр дня.

как

setCookie('test','aa');

function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}

function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
  if (x==c_name)
    {
    return unescape(y);
    }
  }
}

Answer 4

function deleteCookie(name) {
                setCookie(name,"",-1);
            }
            function setCookie(name,value,days) {
                if (days) {
                    var date = new Date();
                    date.setTime(date.getTime()+(days*24*60*60*1000));
                    var expires = "; expires="+date.toGMTString();
                }
                else expires = "";
                document.cookie = name+"="+value+expires+"; path=/";
            }
$(window).unload(function() {
 deleteCookie('Your cookie to delete name');
});