Apa itu cookie?
Cookie adalah variabel yang disimpan di komputer. Setiap kali komputer yang sama meminta halaman melalui browser, cookie ini dikirim. Anda dapat menggunakan JavaScript untuk membuat dan mengambil nilai cookie.
Skenario Penggunaan Cookie:
Nama cookie
Ketika pengunjung mengunjungi halaman untuk pertama kalinya, ia dapat mengisi nama mereka. Namanya akan disimpan dalam cookie. Ketika pengunjung mengunjungi situs web lagi, mereka akan menerima kata -kata yang disambut mirip dengan "Selamat Datang John Doe!". Namanya diambil kembali dari cookie.
Cookie Kabel
Ketika pengunjung mengunjungi halaman untuk pertama kalinya, ia dapat mengisi kata sandi/mereka. Kata sandi juga dapat disimpan dalam cookie. Ketika mereka mengunjungi situs web lagi, kata sandi akan diambil kembali dari cookie.
Cookie Tanggal
Ketika pengunjung mengunjungi situs web Anda untuk pertama kalinya, tanggal saat ini dapat disimpan dalam 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 kembali dari cookie.
Buat dan Simpan Cookie
Dalam contoh ini, kami ingin membuat cookie yang menyimpan nama pengunjung. Ketika para pengunjung mengunjungi situs web untuk pertama kalinya, mereka diminta untuk mengisi nama mereka. Namanya akan disimpan dalam cookie. Ketika pengunjung mengunjungi situs web lagi, mereka akan menerima kata -kata selamat datang.
Pertama -tama, kami akan membuat fungsi yang dapat menyimpan nama pewawancara di variabel cookie:
Membuat cookie sebenarnya bertarung:
"Nama pengguna = amosli; kedaluwarsa = Sen, 16 Des 2013 16:20:04 GMT"
Lalu document.cookie = string di atas.
Salin kode kode sebagai berikut:
Fungsi setCookie (c_name, nilai, kedaluwarsa)
{{
var ekspondasi = tanggal baru ()
Exdate.setDate (exdate.getDate ()+kedaluwarsa)
document.cookie = c_name+ "="+ Escape (value)+
((kedaluwarsa == null)? ":": ";; kedaluwarsa ="+exdate.togmtring ())
}
Parameter dalam fungsi di atas memiliki nama, nilai, dan jumlah hari cookie.
Dalam fungsi di atas, pertama -tama kami mengonversi jumlah hari dengan tanggal yang valid, dan kemudian kami menyimpan nama cookie, nilai, dan tanggal kedaluwarsa ke dalam objek dokumen.cookie.
Setelah itu, kami ingin membuat fungsi lain untuk memeriksa apakah cookie telah ditetapkan:
Inti dari getCookie () adalah Document.cookie.
Salin kode kode sebagai berikut:
Fungsi getCookie (c_name)
{{
if (document.cookie.length> 0)
{{
c_start = document.cookie.indexof (c_name + "=")
/*
Cookie adalah serangkaian string: "nama pengguna = amosli; aspsessionidqaadbdd = ggijnhcdkgnfegjiifdnion; __utma = 119627022.987137205055.1387205.1387205 055.13872084210.137205.138720 ; .2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2 .2.2.2.utmcsr |
*/
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 di atas pertama -tama akan memeriksa apakah ada cookie di objek dokumen. Jika Objek Dokumen.Cookie memiliki beberapa cookie, itu akan terus memeriksa apakah cookie yang ditentukan telah disimpan. Jika kami menemukan cookie yang kami inginkan, kembalikan nilainya, jika tidak string kosong akan dikembalikan.
Akhirnya, kami ingin membuat fungsi.
Salin kode kode sebagai berikut:
Function checkCookie ()
{{
username = getCookie ('username')
if (username! = null && username! = "")
{Alert ('Welcom Again'+Nama Pengguna+'!')}
kalau tidak
{{
username = prompt ('Silakan masukkan nama Anda:', "")
if (username! = null && username! = "")
{{
SetCookie ('nama pengguna', nama pengguna, 365)
}
}
}
Ini semua kode:
Salin kode kode sebagai berikut:
<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 ekspondasi = tanggal baru ()
Exdate.setDate (exdate.getDate ()+kedaluwarsa)
document.cookie = c_name+ "="+ Escape (value)+
((kedaluwarsa == null)? ":": ";; kedaluwarsa ="+exdate.togmtring ())
}
Function checkCookie ()
{{
username = getCookie ('username')
if (username! = null && username! = "")
{Alert ('Welcom Again'+Nama Pengguna+'!')}
kalau tidak
{{
username = prompt ('Silakan masukkan nama Anda:', "")
if (username! = null && username! = "")
{{
SetCookie ('nama pengguna', nama pengguna, 365)
}
}
}
</script>
</head>
<Body Only = "CheckCookie ()">
</body>
</html>