Apa itu cookie?
Cookie adalah variabel yang disimpan di komputer pengunjung. Cookie ini dikirim setiap kali komputer yang sama meminta halaman melalui browser. Anda dapat menggunakan JavaScript untuk membuat dan mengambil nilai cookie.
Contoh cookie:
Nama cookie
Ketika seorang pengunjung pertama kali mengunjungi halaman, ia dapat mengisi namanya. Namanya akan disimpan dalam cookie. Ketika pengunjung mengunjungi situs web lagi, mereka menerima pidato selamat datang seperti "Selamat Datang John Doe!". Namanya diambil dari cookie.
Cookie Kata Sandi
Ketika seorang pengunjung pertama kali mengunjungi halaman, ia dapat mengisi kata sandinya. Kata sandi juga dapat disimpan dalam cookie. Ketika mereka mengunjungi situs web lagi, kata sandi diambil dari cookie.
Cookie tanggal
Ketika pengunjung pertama kali mengunjungi situs web Anda, tanggal saat ini dapat disimpan di cookie. Ketika mereka mengunjungi situs web lagi, mereka menerima pesan seperti ini: "Kunjungan terakhir Anda adalah pada hari Selasa 11 Agustus 2005!". Tanggal juga diambil dari cookie.
Buat dan Simpan Cookie
Dalam contoh ini kami ingin membuat cookie yang menyimpan nama pengunjung. Ketika pengunjung pertama kali mengunjungi situs web, mereka diminta untuk mengisi nama mereka. Namanya akan disimpan dalam cookie. Ketika pengunjung mengunjungi situs web lagi, mereka menerima pesan selamat datang.
Pertama, kami akan membuat fungsi yang menyimpan nama pengunjung di variabel cookie:
Salinan kode adalah sebagai berikut:
<span style = "font-size: 14px;"> function setCookie (c_name, value, exiredays)
{
var exdate = tanggal baru ()
exdate.setDate (exdate.getDate ()+kedaluwarsa)
document.cookie = c_name+ "="+ Escape (value)+
((kedaluwarsa == null)? "": "; Expires ="+exdate.togmtString ())
} </span>
Parameter dalam fungsi di atas berisi nama, nilai, dan jumlah hari yang kadaluwarsa dari cookie.
Dalam fungsi di atas, pertama -tama kami mengonversi jumlah hari menjadi tanggal yang valid, dan kemudian kami menyetor nama cookie, nilai, dan tanggal kedaluwarsa menjadi objek dokumen.cookie.
Setelah itu, kami ingin membuat fungsi lain untuk memeriksa apakah cookie diatur:
Salinan kode adalah sebagai berikut:
<span style = "font-size: 14px;"> function getCookie (c_name)
{
if (document.cookie.length> 0)
{
c_start = document.cookie.indexof (c_name + "=")
if (c_start! =-1)
{
c_start = c_start + c_name.length + 1
c_end = document.cookie.indexof (";", c_start)
if (c_end ==-1) c_end = document.cookie.length
return unescape (document.cookie.substring (c_start, c_end))
}
}
kembali ""
} </span>
Fungsi di atas pertama -tama memeriksa apakah ada cookie di objek Dokumen.Cookie. Jika Objek Dokumen.Cookie berisi cookie tertentu, itu akan terus memeriksa apakah cookie yang kami tentukan disimpan. Jika cookie yang kita inginkan ditemukan, nilainya akan dikembalikan, jika tidak string kosong akan dikembalikan.
Akhirnya, kami ingin membuat fungsi. Fungsinya adalah: jika cookie diatur, kata selamat datang akan ditampilkan, jika tidak kotak prompt akan ditampilkan untuk meminta pengguna memasukkan nama.
Salinan kode adalah sebagai berikut:
<span style = "font-size: 14px;"> function checkCookie ()
{
username = getCookie ('username')
if (username! = null && username! = "")
{alert ('Welcome Again'+Username+'!')}
kalau tidak
{
username = prompt ('Silakan masukkan nama Anda:', "")
if (username! = null && username! = "")
{
setCookie ('nama pengguna', nama pengguna, 365)
}
}
} </span>
Ini semua kodenya:
Salinan kode adalah sebagai berikut:
<span style = "font-size: 14px;"> <html>
<head>
<type skrip = "Teks/JavaScript">
fungsi getCookie (c_name)
{
if (document.cookie.length> 0)
{
c_start = document.cookie.indexof (c_name + "=")
if (c_start! =-1)
{
c_start = c_start + c_name.length + 1
c_end = document.cookie.indexof (";", c_start)
if (c_end ==-1) c_end = document.cookie.length
return unescape (document.cookie.substring (c_start, c_end))
}
}
kembali ""
}
fungsi setCookie (c_name, nilai, kedaluwarsa)
{
var exdate = tanggal baru ()
exdate.setDate (exdate.getDate ()+kedaluwarsa)
document.cookie = c_name+ "="+ Escape (value)+
((kedaluwarsa == null)? "": "; Expires ="+exdate.togmtString ())
}
function checkCookie ()
{
username = getCookie ('username')
if (username! = null && username! = "")
{alert ('Welcome Again'+Username+'!')}
kalau tidak
{
username = prompt ('Silakan masukkan nama Anda:', "")
if (username! = null && username! = "")
{
setCookie ('nama pengguna', nama pengguna, 365)
}
}
}
</script>
</head>
<body onload = "checkCookie ()">
</body>
</html> </span>