Thiết lập và truy xuất số liệu Cookies trong ngôn ngữ Javascript

[teenddeem]

Trung tâm đào tạo lập trình viên Vietpro hôm nay sẽ hướng dẫn các bạn bài viết trong serries lập trình website : Bài 15: Thiết lập và truy xuất Cookies trong Javascript
Bạn đã đi một chặng đường dài trong hướng dẫn này. Bạn đã sẵn sàng để xem xét kỹ hơn cách thức JavaScript thực hiện một nhiệm vụ thế giới thực: thiết lập và lấy các tập tin cookie.

Trong bài học này, bạn sẽ học:

– cookie là gì;
– làm thế nào bạn có thể lưu trữ các tập tin cookie trên máy tính của người truy cập website của bạn ‘;
– làm thế nào bạn có thể lấy lại các tập tin cookie và sử dụng các giá trị được lưu trữ trong đó trên trang web.

Trong quá trình này, bạn sẽ có dịp để sử dụng hàm tổng quát escape(), split() của đối tượng String, và toGMTString() phương thức của đối tượng Date.

1. Một cookie là gì?

Các giá trị được lưu trữ trong các biến JavaScript bị phá hủy ngay sau khi trình duyệt được đóng hoặc trang web được nạp lại. Vì vậy, nếu bạn sử dụng một hộp đầu vào trên trang web của bạn để lưu trữ tên đội khách trong một biến, giá trị đó bị mất ngay sau khi họ rời khỏi trang.

Một tính năng phổ biến hiện nay ở hầu hết các trang web ngày nay là một số loại cơ chế cá nhân có được biết khi học php, theo đó khách truy cập web được công nhận. Một số trường hợp liên lạc cá nhân này có thể là những thứ như lời chào du khách trở về bằng tên của họ, cho thấy bao lâu nó được kể từ lần cuối cùng để các trang web, hiển thị một số sản phẩm có thể được quan tâm đến người sử dụng dựa trên mua hàng, vv

Như bạn có thể đoán, chúng tôi đang làm việc với các giá trị, và nếu chúng ta muốn sử dụng chúng trong chương trình JavaScriptcủa chúng tôi, chúng tôi cần một nơi lưu trữ cho họ. Tuy nhiên, tất cả những nơi lưu trữ kiểm tra cho đến nay chỉ là tạm thời. Chúng tôi cần một cái gì đó vẫn còn tồn tại những người viếng thăm trang web của chúng tôi.

Cookies là chuỗi văn bản có chứa phần nhỏ dữ liệu về khách truy cập trang web của bạn. Chúng được lưu trữ bởi trình duyệt trong máy tính truy cập của bạn. Mỗi một phần tử có tên và ngày hết hạn, và được tách ra từ các tập tin cookie khác bằng một dấu chấm phẩy(. Thực tế là các cookie được lưu trữ trong cùng một vị trí, lấy một cookie cụ ra khỏi bộ sưu tập để đọc các giá trị của nó gọi cho một số ít công việc trên một phần của chúng tôi.

Tuy nhiên, trước khi chúng ta có thể truy xuất một cookie, Trung tâm đào tạo học photoshop chuyên nghiệp với đội ngũ giáo viên trẻ tài năng, chúng ta cần phải viết một và lưu trữ nó trong trình duyệt của khách truy cập.

2. Làm thế nào để thiết lập các cookie với JavaScript?

Cookie dữ liệu được lưu trữ trong tài sản cookie đối tượng của tài liệu. Các dữ liệu được lưu trữ như là “name=value“, trong đó các giá trị có thể không chứa bất kỳ khoảng trắng, dấu phẩy(,) và dấu chấm phẩy(. Đây là lý do tại sao chúng ta sử dụng phương thứcescape(), trong đó cho phép chúng tôi để mã hóa chuỗi ở định dạng Unicode (ví dụ, một không gian được biểu diễn như là 20%).

Theo mặc định tuổi thọ của các tập tin cookie được giới hạn trong phiên trình duyệt hiện tại. Tuy nhiên, bằng cách thiết lập một thời hạn trong các hình thức “expires=date“, chúng ta có thể kéo dài cuộc sống của cookie (trừ khi người dùng quyết định xóa các cookie được lưu trữ trên máy tính của mình). Các giá trị ngày là một chuỗi GMT, mà có thể thu được bằng cách sử dụng các đối tượng Date và phương pháp toGMTString() của nó.

Nếu bạn chèn đoạn mã dưới đây vào trong kèm theo thẻ <script> của một trang HTML, bạn thiết lập một cookie được đặt tên “myCookie” trên máy tính của khách truy cập của bạn, sẽ hết hạn sau một khởi đầu phút kể từ thời điểm sáng tạo của nó:



//in name=value pairs separated by ;

document.cookie="myCookie="+myCookie+";"+"expires="+expiryDate.toGMTString()+";";

//leave a message to the user:

document.write("Thank you, "+cookieName+" is your cookie");

}
3. Làm thế nào để truy xuất và sử dụng Cookie trên trang web?

Truy xuất cookie để đọc giá trị yêu cầu sử dụng một vài phương pháp. Đầu tiên, đầy nhiệt huyết và lập trình android cơ bản nâng cao tại VietPro! bạn cần phải unescape giá trị tên mà bạn trốn thoát trước đó. Điều này có nghĩa rằng, nếu giá trị tên của bạn chứa một không gian, nó đã trốn thoát bằng cách thay thế các không gian với 20%. Bây giờ bạn đang đọc các giá trị trở lại từ tên cookie, bạn cần phải thay thế 20% với một nhân vật không gian. Điều này rất dễ làm với các phương pháp unescape().

Thứ hai, bạn cần phải giải nén mỗi cặp tên-giá trị riêng rẽ với các chuỗi cookie. Bạn làm điều này với split() của đối tượng String.

split() được sử dụng để tách một chuỗi thành một mảng các dấu phẩy(,) tách chuỗi con. Nó có một đối số tùy chọn gọi là dấu phân cách. Điều này chỉ ra các nhân vật sử dụng để tách các chuỗi.

Đoạn mã dưới đây sẽ kiểm tra xem cookie có mặt trong các tài sản cookie của các đối tượng tài liệu. Nếu có, các kịch bản chiết xuất và hiển thị các giá trị của “myCookie” cookie.



//Now we display a personalized greeting
document.write("Welcome back, here's your cookie, "+cookieName);
}
nguồn: Bài 15: Thiết lập và truy xuất Cookies trong Javascript