Cara menggunakan COOKIESA pada 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:

document.cookie="username=John Doe";

Anda juga dapat menambahkan waktu berakhirnya cookie [dalam UTC atau waktu GMT]. Secara default, kue dihapus saat browser ditutup:

document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT";

Anda dapat menggunakan parameter path memberitahu jalan Cookie browser. Secara default, kue milik halaman saat ini.

document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";

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:

document.cookie="username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";

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:

document.cookie = "username=; expires=Thu, 01 Jan 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:

  1. nilai cookie Setter
  2. Mendapatkan nilai fungsi Cookie
  3. Fungsi mendeteksi nilai cookie

nilai cookie Setter

Pertama, kita membuat fungsi untuk menyimpan nama pengunjung:

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;
}

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:

function getCookie[cname]
{
var name = cname + "=";
var ca = document.cookie.split[';'];
for[var i=0; i

Bài mới nhất

Chủ Đề