Cookies JavaScript
Cookies untuk informasi pengguna disimpan halaman web.
Apa Cookies?
Cookie adalah data yang disimpan dalam file teks di komputer Anda di.
Ketika web server mengirimkan halaman web ke browser setelah koneksi ditutup, server tidak merekam informasi pengguna.
Peran cookie adalah untuk memecahkan "bagaimana untuk merekam informasi klien pengguna":
- Bila pengguna mengunjungi halaman web, namanya dapat direkam dalam cookie.
- Ketika waktu berikutnya pengguna mengakses halaman, Anda dapat membaca catatan akses pengguna dalam cookie.
Cookies dengan nilai pasangan nama / disimpan sebagai berikut:
Ketika browser meminta halaman web dari server, cookie milik halaman tersebut akan ditambahkan ke permintaan. server untuk mendapatkan informasi pengguna dengan cara ini.
Gunakan JavaScript untuk membuat Cookie
JavaScript properti document.cookie dapat digunakan untuk membuat, membaca, dan menghapus cookie.
JavaScript, membuat sebuah cookie sebagai berikut:
Anda juga dapat menambahkan waktu berakhirnya cookie (dalam UTC atau waktu GMT). Secara default, kue dihapus saat browser ditutup:
Anda dapat menggunakan parameter path memberitahu jalan Cookie browser. Secara default, kue milik halaman saat ini.
Gunakan JavaScript untuk membaca Cookie
Dalam JavaScript, Anda dapat menggunakan kode berikut untuk membaca cookies:
document.cookie tali akan kembali segala macam kue, Jenis Format: cookie1 = value; cookie2 = value; cookie3 = nilai; |
Memodifikasi Cookie menggunakan JavaScript
Dalam JavaScript, memodifikasi cookies mirip dengan menciptakan cookies, sebagai berikut:
Cookie lama akan ditimpa.
Hapus Cookie menggunakan JavaScript
Hapus Cookie sangat sederhana. Anda hanya perlu mengatur parameter untuk berakhir waktu sebelumnya, seperti yang ditunjukkan di bawah ini, diatur untuk Thu, 1 Januari 1970 00:00:00 GMT:
Perhatikan bahwa ketika Anda menghapus tanpa menentukan nilai dari cookie.
Cookie tali
properti document.cookie terlihat seperti string teks biasa, pada kenyataannya tidak.
Bahkan jika Anda menulis document.cookie kue string lengkap, ketika Anda membaca kembali informasi cookie, cookie adalah pasangan nama / nilai dalam bentuk tayangan.
Jika Anda menetapkan cookie baru, cookie lama tidak akan ditimpa. Cookie baru akan ditambahkan ke document.cookie, sehingga membaca kembali jika Anda document.cookie, Anda akan menerima data sebagai berikut:
cookie1 = value; cookie2 = nilai;
Jika Anda perlu menemukan nilai cookie tertentu, Anda harus membuat fungsi JavaScript untuk menemukan nilai cookie di cookie string yang.
contoh JavaScript Cookie
Pada contoh berikut, kita akan membuat cookie untuk menyimpan nama pengunjung.
Pertama, pengunjung ke halaman web, ia akan diminta untuk mengisi nama mereka. Nama tersebut akan disimpan dalam cookie.
Pada saat Anda mengakses halaman pengunjung, ia akan melihat pesan selamat datang.
Dalam contoh ini, kita akan membuat tiga fungsi JavaScript:
- nilai cookie Setter
- Mendapatkan nilai fungsi Cookie
- Fungsi mendeteksi nilai cookie
nilai cookie Setter
Pertama, kita membuat fungsi untuk menyimpan nama pengunjung:
{
var d = new Date();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
var expires = "expires="+d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
Fungsi resolusi:
Lebih dari satu parameter fungsi, nama cookie untuk CNAME itu, nilai cookie cvalue, dan mengatur waktu berakhirnya cookie berakhir.
Fungsi ini menetapkan nama cookie, nilai cookie, waktu berakhirnya cookie.
Mendapatkan nilai fungsi Cookie
Kemudian, kita membuat fungsi yang mengembalikan pengguna untuk menentukan nilai cookie:
{
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 "";
}
Fungsi resolusi:
Nama parameter cookie CNAME.
Membuat variabel teks digunakan untuk mengambil cookie yang ditentukan: CNAME + "=".
Gunakan titik koma string document.cookie terpisah dan ditugaskan ke dibagi ca array string (ca = document.cookie.split ( ';')).
Siklus ca array (i = 0; i <ca.length; i ++), dan kemudian membaca setiap nilai dalam array, dan penghapusan spasi (c = ca [i] .trim ()).
Jika Anda menemukan cookie (c.indexOf (nama) == 0), mengembalikan nilai cookie (c.substring (name.length, c.length).
Jika Anda tidak menemukan cookie, kembali "."
Fungsi mendeteksi nilai cookie
Akhirnya, kita dapat membuat fungsi untuk mendeteksi apakah cookie dibuat.
Jika Anda menetapkan cookie, ia akan menampilkan pesan ucapan.
Jika Anda tidak menetapkan cookie, maka akan muncul pop untuk bertanya nama pengunjung dan memanggil pengunjung fungsi nama setcookie penyimpanan 365 hari:
{
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);
}
}
}
contoh lengkap
contoh
{
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,365);
}
}
}
Coba »
Contoh berikut mengeksekusi checkCookie () fungsi ketika halaman dibuka.