Pliki cookie w JavaSkrypt: Przykład Ustaw, Pobierz i Usuń
Jamesa Hartmana
Co to są pliki cookie?
Plik cookie to część danych przechowywana na Twoim komputerze, do której ma dostęp Twoja przeglądarka. Możliwe, że korzystałeś z zalet plików cookie świadomie lub nieświadomie. Czy kiedykolwiek zapisałeś hasło do Facebooka, aby nie musieć go wpisywać za każdym razem, gdy próbujesz się zalogować? Jeśli tak, to używasz plików cookie. Pliki cookie są zapisywane jako pary klucz/wartość.
Dlaczego potrzebujesz pliku cookie?
Komunikacja pomiędzy A przeglądarka internetowa a serwer korzysta z bezstanowego protokołu o nazwie HTTP. Protokół bezstanowy traktuje każde żądanie niezależnie. Serwer nie przechowuje zatem danych po wysłaniu ich do przeglądarki. Jednak w wielu sytuacjach dane będą potrzebne ponownie. Oto ciasteczka na zdjęciu. Dzięki plikom cookie przeglądarka internetowa nie będzie musiała komunikować się z serwerem za każdym razem, gdy potrzebne będą dane. Zamiast tego można go pobrać bezpośrednio z komputera.
Javascript Ustaw plik cookie
Możesz tworzyć pliki cookie za pomocą document. właściwość plików cookie, taka jak ta.
document.cookie = "cookiename=cookievalue"
Możesz nawet dodać datę ważności do swojego pliku cookie, aby dany plik cookie został usunięty z komputera w określonym dniu. Datę ważności należy ustawić w formacie UTC/GMT. Jeśli nie ustawisz daty ważności, plik cookie zostanie usunięty, gdy użytkownik zamknie przeglądarkę.
document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"
Możesz także ustawić domenę i ścieżkę, aby określić, do której domeny i do jakich katalogów w konkretnej domenie należy plik cookie. Domyślnie plik cookie należy do strony, która ustawia plik cookie.
document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/ "
//utwórz plik cookie z domeną do bieżącej strony i ścieżką do całej domeny.
JavaSkrypt pobierz plik cookie
Możesz uzyskać dostęp do tego pliku cookie, który zwróci wszystkie pliki cookie zapisane dla bieżącej domeny.
var x = document.cookie
JavaSkrypt Usuń plik cookie
Aby usunąć plik cookie, wystarczy ustawić wartość pliku cookie na pusty i ustawić wartość wygaśnięcia na upływającą datę.
document.cookie = "cookiename= ; expires = Thu, 01 Jan 1970 00:00:00 GMT"
Wypróbuj ten przykład samodzielnie
Specjalne instrukcje, aby kod działał… Naciśnij dwukrotnie przycisk uruchamiania
<html>
<head>
<title>Cookie!!!</title>
<script type="text/javascript">
function createCookie(cookieName,cookieValue,daysToExpire)
{
var date = new Date();
date.setTime(date.getTime()+(daysToExpire*24*60*60*1000));
document.cookie = cookieName + "=" + cookieValue + "; expires=" + date.toGMTString();
}
function accessCookie(cookieName)
{
var name = cookieName + "=";
var allCookieArray = document.cookie.split(';');
for(var i=0; i<allCookieArray.length; i++)
{
var temp = allCookieArray[i].trim();
if (temp.indexOf(name)==0)
return temp.substring(name.length,temp.length);
}
return "";
}
function checkCookie()
{
var user = accessCookie("testCookie");
if (user!="")
alert("Welcome Back " + user + "!!!");
else
{
user = prompt("Please enter your name");
num = prompt("How many days you want to store your name on your computer?");
if (user!="" && user!=null)
{
createCookie("testCookie", user, num);
}
}
}
</script>
</head>
<body onload="checkCookie()"></body>
</html>
