Hướng dẫn javascript can create cookies - javascript có thể tạo cookie
Giới ThiệuCookie sẽ lưu giữ thông tin của người dùng trên các trang của website Show
Vậy cookie là gì? Cookie là dữ liệu, lưu dữ trong những file text nhỏ trên máy tính của người dùng Khi một web server gửi một trang web đến trình duyệt, rồi kết nối bị tắt đi và server quên đi tất cả mọi thứ của người dùng Cookie được tạo ra để giải quyết vấn đề 1
Cookie sẽ lưu trong cặp tên-giá trị như
Khi trình duyệt gửi một request đến server từ một trang web, cookie của trang sẽ được thêm vào request gửi đi. Bằng cách này server có thể 2 được các thông tin cần thiết của người dùngJavascript có thể tạo mới, đọc và xóa cookie cùng với thuộc tính document.cookie Các Thao Tác Với Cookie1. Tạo cookie trong javascriptTrong javascript, một cookie có thể tạo ra bằng cách
Bạn cũng có thể thêm vào ngày hết hạn 3(trong UTC time). Bởi theo mặc định, cookie sẽ bị xóa nếu trình duyệt bị đóng lại
Cùng với path parameter, bạn có thể nói cho trình duyệt nơi cookie thuộc về. Bởi theo mặc định, cookie sẽ thuộc trang hiện tại
2. Đọc cookie trong javascriptTrong javascript, cookie có thể đọc bằng cách
document.cookie sẽ trả lại tất cả cookie trong một chuỗi tring kiểu như: cookie1=giá trị; cookie2=giá trị; cookie3=giá trị; 3. Thay đổi cookie trong javascriptTrong javascript, bạn có thể thay đổi một cookie giống như cách mà bạn tạo ra cookie
Vậy là cookie cũ đã bị ghi đè 4. Xóa một cookie trong javascriptXóa một cookie rất là đơn giản. Chỉ cần xét lại giá trị ngày hết hạn 3 về những thời gian trước đấy
5. Chuỗi cookieThuộc tính document.cookie trông giống như một chuỗi text bình thường. Nhưng nó không hoàn toàn đơn giản như vậy Nếu bạn lưu giá trị vào cookie, khi bạn lấy thông tin của cookie ra, bạn chỉ đọc được tên-giá trị theo từng cặp Nếu bạn tạo một mới một cookie, giá trị cookie cũ sẽ không bị ghi đè. Giá trị cookie mới sẽ được thêm vào document.cookie, do đó nếu bạn đọc document.cookie lần nữa thì bạn sẽ nhận được chuỗi string giống như:
Nếu bạn muốn tìm giá trị cookie cụ thể, bạn phải viêt một hàm javascript để tìm kiếm cho các giá trị cookie trong chuỗi cookie Các Ví Dụ Cookie Trong JavascriptTrong ví dụ bên dưới, ta sẽ tạo một cookie lưu tên của khách hàng truy cập Lần đầu tiên một người dùng truy cập đến trang web, sẽ được yêu cầu điền vào tên của mình, hệ thống sẽ lưu trữ tên này trong cookie. Sau này, lại người dùng đấy truy cấp đến trang trên, ông lại nhận được thông điệp chào mừng đã quay trở lại. Trong các ví dụ sau, chúng ta sẽ tạo ra 3 function trong javascript
1. Một function để thiết lập giá trị cookieVí dụ
Tham số của function phía trên là tên của cookie(cname), giá trị của cookie(cvalue) và số ngày cho đến khi cookie hết hạn(exdays) 2. Một function để lấy một giá trị cookieSau đây, chúng ta sẽ tạo ra một function để trả về giá trị của một cookie cụ thể
Tham số truyền vào là cname Tạo một biến name và thêm vào "=" để tìm kiếm Chia document.cookie dựa trên dấu 5 thành một mảng nhiều phần tử và gán mảng đấy cho biến caVòng lặp (i=0; i Nếu cookie được tìm thấy (c.indexOf(name)==0), trả về giá trị của cookie (c.substring(name.length,c.length). Nếu cookie không được tìm thấy, trả về "" 3. Một function để kiểm tra cookieCuối cùng, chúng ta sẽ tạo một function kiểm tra nếu cookie đã được thiết lập Nếu cookie được thiết lập, nó sẽ hiển thị một lời chào Nếu cookie không được thiết lập, nó sẽ hiển thị một prompt box, hỏi tên của người dùng, lưu trữ tên của người dùng ở cookie trong 365 ngày, bằng việc gọi function setCookie đã được viết ở trên 0Kết LuậnBài viết của mình còn đơn giản và chỉ là một phần rất nhỏ trong kho kiến thức về javascript, rất mong nhận được sự đóng góp ý kiến của các bạn |