Biscotti dentro JavaScript: Imposta, Ottieni ed Elimina Esempio

Che cosa sono i cookie?

Un cookie è un pezzo di dati che viene memorizzato sul tuo computer per essere accessibile dal tuo browser. Potresti anche aver goduto dei vantaggi dei cookie consapevolmente o inconsapevolmente. Hai mai salvato la tua password di Facebook in modo da non doverla digitare ogni volta che provi ad accedere? Se sì, allora stai utilizzando i cookie. I cookie vengono salvati come coppie chiave/valore.

Perché hai bisogno di un cookie?

La comunicazione tra a browser web e il server utilizza un protocollo senza stato denominato HTTP. Il protocollo stateless tratta ogni richiesta in modo indipendente. Pertanto, il server non conserva i dati dopo averli inviati al browser. Ma in molte situazioni i dati saranno nuovamente richiesti. Ecco i biscotti in una foto. Con i cookie il browser web non dovrà comunicare con il server ogni volta che verranno richiesti i dati. Invece, può essere recuperato direttamente dal computer.

Javascript Set di biscotti

Puoi creare cookie utilizzando document. proprietà dei cookie come questa.

document.cookie = "cookiename=cookievalue"

Puoi anche aggiungere una data di scadenza al tuo cookie in modo che quel particolare cookie venga rimosso dal computer alla data specificata. La data di scadenza deve essere impostata nel formato UTC/GMT. Se non si imposta la data di scadenza, il cookie verrà rimosso quando l'utente chiude il browser.

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"

Puoi anche impostare il dominio e il percorso per specificare a quale dominio e a quali directory nel dominio specifico appartiene il cookie. Per impostazione predefinita, un cookie appartiene alla pagina che imposta il cookie.

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/ "

//crea un cookie con un dominio per la pagina corrente e il percorso dell'intero dominio.

JavaScript per ottenere il cookie

Puoi accedere al cookie in questo modo che restituirà tutti i cookie salvati per il dominio corrente.

var x =  document.cookie

JavaScript Elimina Cookie

Per eliminare un cookie, è sufficiente impostare il valore del cookie su vuoto e impostare il valore di scadenza su una data trascorsa.

document.cookie = "cookiename= ; expires = Thu, 01 Jan 1970 00:00:00 GMT"

Prova tu stesso questo esempio

Istruzioni speciali per far funzionare il codice... Premere due volte il pulsante Esegui

<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>