Tìm hiểu Cookies trong JavaScript

Cookies trong JavaScript là một trong những bài học khá quan trong nên các bạn hãy tìm hiểu thật kỹ để set và get, delete và những ví dụ cơ bản cookes sau đây là những nội dung bài học.

Cookies là gì?

Cookie là một phần dữ liệu được lưu trữ trên máy tính của bạn để trình duyệt của bạn truy cập. Bạn cũng có thể đã tận hưởng những lợi ích của cookie một cách cố ý hoặc vô tình. Bạn đã bao giờ lưu mật khẩu Facebook của mình để không phải gõ mỗi lần đăng nhập chưa? Nếu có, thì bạn đang sử dụng cookie. Cookie được lưu dưới dạng cặp khóa / giá trị.

Tại sao bạn cần Cookie?

Giao tiếp giữa trình duyệt web và máy chủ xảy ra bằng giao thức không trạng thái có tên là HTTP. Giao thức không trạng thái xử lý từng yêu cầu độc lập. Vì vậy, máy chủ không giữ dữ liệu sau khi gửi đến trình duyệt. Nhưng trong nhiều trường hợp, dữ liệu sẽ được yêu cầu lại. Đây là bánh quy thành một bức tranh. Với cookie, trình duyệt web sẽ không phải giao tiếp với máy chủ mỗi khi dữ liệu được yêu cầu. Thay vào đó, nó có thể được tải trực tiếp từ máy tính.

Bộ cookie Javascript

Bạn có thể tạo cookie bằng tài liệu. thuộc tính cookie như thế này.

document.cookie = "cookiename=cookievalue"

Bạn thậm chí có thể thêm ngày hết hạn vào cookie của mình để cookie cụ thể sẽ bị xóa khỏi máy tính vào ngày được chỉ định. Ngày hết hạn phải được đặt ở định dạng UTC / GMT. Nếu bạn không đặt ngày hết hạn, cookie sẽ bị xóa khi người dùng đóng trình duyệt.

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

Bạn cũng có thể đặt miền và đường dẫn để chỉ định miền nào và đến những thư mục nào trong miền cụ thể mà cookie thuộc về. Theo mặc định, một cookie thuộc về trang đặt cookie.

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

Get cookes trong javascript

Bạn có thể truy cập vào cookie như thế này sẽ trả về tất cả cookie được lưu cho miền hiện tại.

var x = document.cookie

Xóa cookie trong javascript

Để xóa cookie, bạn chỉ cần đặt giá trị của cookie thành trống và đặt giá trị hết hạn cho một ngày đã qua.

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

Ví dụ về cookes trong javascript

File exp5.js

function createCookies(cookieName,cookieValue,daysToExpire){
var date = new Date();
date.setDate(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("Nhap ten");
var num =prompt("nhap so ngay");
if(user !="" && user !=null){
createCookies("testCookie",user,num);
}
}
}

File exp5.html

<html>
<head>
<script src="js/exp5.js"></script>
</head>
<body onload="checkCookie()">

</body>
</html>

Sunday, September 20, 2020

Tìm hiểu Cookies trong JavaScript