Apakah itu Kuki?
Kuki ialah kepingan data yang disimpan dalam fail teks pada komputer anda.
Apabila pelayan web menghantar halaman web ke penyemak imbas, pelayan tidak akan merekodkan maklumat pengguna selepas sambungan ditutup.
Peranan Kuki adalah untuk menyelesaikan "cara merekod maklumat pengguna pada klien":
Apabila pengguna melawat halaman web, namanya boleh direkodkan dalam kuki.
Pada kali seterusnya pengguna melawat halaman ini, rekod akses pengguna boleh dibaca dalam kuki.
Kuki disimpan sebagai pasangan nama/nilai seperti berikut:
nama pengguna=John Doe
Apabila penyemak imbas meminta halaman web daripada pelayan , kuki kepunyaan halaman akan ditambahkan pada permintaan. Pelayan mendapatkan maklumat pengguna dengan cara ini.
takrif atribut kuki dokumen
Atribut kuki boleh menetapkan atau menanyakan semua kuki yang berkaitan dengan dokumen semasa. Sintaksnya adalah seperti berikut:
document.cookie [ = name1=value1; expire=GMT_String=;]
Tetapkan nilai kuki
Kini kita perlu menetapkan dua kuki:
user_id=2;
user_name=admin;
Kod JavaScript Seperti berikut:
document.cookie = "user_id=2";
document.cookie = "user_name=admin";
Tetapkan masa tamat tempoh kuki, laluan dan skop
Contoh berikut menetapkan masa tamat tempoh kepada satu hari, laluan ialah direktori akar tapak web dan semua kuki di bawah nama domain ini dikongsi:
//Dapatkan masa semasa
var date=new Date();
date.setTime(date.getTime()+24*3600*1000
document.cookie = "user_id=2;path=/; domain=.5idev.com;expire=" +date.toGMTString();
Menetapkan kuki mempunyai simbol khas
Titik bertitik (;) tidak boleh digunakan dalam nama atau nilai kuki , koma (,), tanda sama (=) dan ruang Apabila simbol ini perlu dikekalkan dalam nilai, fungsi escape() perlu digunakan untuk pengekodan simbol khas dalam perenambelasan.
document.cookie = "test="+escape("JavaScript cookie test");
Selepas mengeluarkan nilai, gunakan unescape() untuk menyahkodnya bagi mendapatkan nilai kuki asal. Kaedah ini juga boleh mengelakkan aksara Cina yang kacau, dsb.
Dapatkan nilai kuki
Anda boleh terus mendapatkan nilai kuki halaman semasa melalui document.cookie, dan hasilnya ialah rentetan. Contoh berikut membaca kuki untuk halaman semasa (jika ada):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>与本文档相关的 cookies（如果存在的话）：</p>
<script type="text/javascript">
document.write(document.cookie)
</script>
</body>
</html>
Fungsi untuk mengesan nilai kuki
Akhir sekali, kita boleh mencipta fungsi yang mengesan sama ada kuki telah dibuat.
Jika kuki ditetapkan, mesej ucapan akan dipaparkan.
Jika kuki tidak ditetapkan, tetingkap pop timbul akan dipaparkan meminta nama pelawat dan fungsi setCookie akan dipanggil untuk menyimpan nama pelawat selama 365 hari:
function checkCookie()
{
var username=getCookie("username");
if (username!="")
{
alert("Welcome again " + username);
}
else
{
username = prompt("Please enter your name:","");
if (username!="" && username!=null)
{
setCookie("username",username,365);
}
}
}
Gunakan JavaScript untuk mencipta kuki
JavaScript boleh menggunakan atribut document.cookie untuk mencipta, membaca dan memadam kuki.
Dalam JavaScript, buat kuki seperti berikut:
document.cookie="username=John Doe";
Anda juga boleh menambah Tamat tempoh masa (dalam masa UTC atau GMT). Secara lalai, kuki dipadamkan apabila penyemak imbas ditutup:
document.cookie="username=John Doe; expires=Thu, 18 Dis 2013 12:00:00 GMT";
Anda boleh menggunakan parameter laluan untuk memberitahu penyemak imbas laluan ke kuki. Secara lalai, kuki kepunyaan halaman semasa.
document.cookie="username=John Doe; expires=Khu, 18 Dis 2013 12:00:00 GMT; path="/";
Gunakan JavaScript untuk membaca kuki
Dalam JavaScript, anda boleh menggunakan kod berikut untuk membaca kuki:
var x = document.cookie;
Petua: document.cookie akan mengembalikan semua kuki dalam bentuk rentetan, taip format: cookie1=value; >
Ubah suai Kuki menggunakan JavaScript
Dalam JavaScript, mengubah suai kuki adalah serupa dengan mencipta kuki, seperti berikut:
document.cookie= " username=John Smith; expires=Kha, 18 Dis 2013 12:00:00 GMT;
Memadamkan Kuki Menggunakan JavaScript
Memadamkan kuki adalah mudah. Anda hanya perlu menetapkan parameter tamat tempoh kepada masa sebelumnya, seperti yang ditunjukkan di bawah, ditetapkan kepada Khamis, 01 Jan 1970 00:00:00 GMT:
document.cookie = "username=; expires= Kha, 01 Jan 1970 00:00:00 GMT";
Perhatikan bahawa anda tidak perlu menyatakan nilai kuki apabila anda memadamkannya.
Contoh Penuh
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<head>
<script>
function setCookie(cname,cvalue,exdays){
var d = new Date();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
var expires = "expires="+d.toGMTString();
document.cookie = cname+"="+cvalue+"; "+expires;
}
function getCookie(cname){
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i].trim();
if (c.indexOf(name)==0) return c.substring(name.length,c.length);
}
return "";
}
function checkCookie(){
var user=getCookie("username");
if (user!=""){
alert("Welcome again " + user);
}
else {
user = prompt("Please enter your name:","");
if (user!="" && user!=null){
setCookie("username",user,30);
}
}
}
</script>
</head>
<body onload="checkCookie()"></body>
</html>bahagian seterusnya