คุกกี้เข้า Javaสคริปต์: ตัวอย่างการตั้งค่า รับ และลบ

คุกกี้คืออะไร

คุกกี้คือข้อมูลชิ้นหนึ่งที่จัดเก็บไว้ในคอมพิวเตอร์ของคุณเพื่อให้เบราว์เซอร์ของคุณเข้าถึงได้ คุณอาจได้รับประโยชน์จากคุกกี้โดยรู้ตัวหรือไม่รู้ตัวก็ได้ คุณเคยบันทึกรหัสผ่าน Facebook ไว้เพื่อไม่ต้องพิมพ์ทุกครั้งที่พยายามเข้าสู่ระบบหรือไม่ หากใช่ แสดงว่าคุณใช้คุกกี้ คุกกี้จะถูกบันทึกเป็นคู่คีย์/ค่า

ทำไมคุณถึงต้องการคุกกี้?

การสื่อสารระหว่างก เว็บเบราเซอร์ และเซิร์ฟเวอร์เกิดขึ้นโดยใช้โปรโตคอลไร้สัญชาติชื่อ HTTP โปรโตคอลไร้สัญชาติจะปฏิบัติต่อคำขอแต่ละรายการอย่างเป็นอิสระ ดังนั้นเซิร์ฟเวอร์จะไม่เก็บข้อมูลหลังจากส่งไปยังเบราว์เซอร์ แต่ในหลาย ๆ สถานการณ์กลับจำเป็นต้องใช้ข้อมูลอีกครั้ง มาที่นี่คุกกี้เป็นภาพ ด้วยคุกกี้ เว็บเบราว์เซอร์จะไม่ต้องสื่อสารกับเซิร์ฟเวอร์ทุกครั้งที่ต้องการข้อมูล แต่สามารถดึงข้อมูลจากคอมพิวเตอร์ได้โดยตรงแทน

Javascript ตั้งค่าคุกกี้

คุณสามารถสร้างคุกกี้โดยใช้เอกสาร คุณสมบัติคุกกี้เช่นนี้

document.cookie = "cookiename=cookievalue"

คุณสามารถเพิ่มวันหมดอายุให้กับคุกกี้ของคุณเพื่อที่คุกกี้นั้นจะถูกลบออกจากคอมพิวเตอร์ตามวันที่ที่ระบุ วันหมดอายุควรกำหนดในรูปแบบ UTC/GMT หากคุณไม่ได้กำหนดวันหมดอายุ คุกกี้จะถูกลบออกเมื่อผู้ใช้ปิดเบราว์เซอร์

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

คุณยังสามารถตั้งค่าโดเมนและเส้นทางเพื่อระบุโดเมนและไดเร็กทอรีใดในโดเมนเฉพาะที่เป็นคุกกี้ได้ ตามค่าเริ่มต้น คุกกี้จะอยู่ในหน้าที่ตั้งค่าคุกกี้

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

//สร้างคุกกี้ที่มีโดเมนไปยังหน้าปัจจุบันและเส้นทางไปยังทั้งโดเมน

Javaสคริปต์รับคุกกี้

คุณสามารถเข้าถึงคุกกี้ในลักษณะนี้ ซึ่งจะส่งคืนคุกกี้ทั้งหมดที่บันทึกไว้สำหรับโดเมนปัจจุบัน

var x =  document.cookie

Javaสคริปต์ลบคุกกี้

หากต้องการลบคุกกี้ คุณเพียงแค่ต้องตั้งค่าของคุกกี้ให้ว่างและตั้งค่าหมดอายุเป็นวันที่ที่ผ่านไป

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

ลองตัวอย่างนี้ด้วยตัวคุณเอง

คำแนะนำพิเศษเพื่อให้โค้ดใช้งานได้ … กดปุ่ม Run สองครั้ง

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