Cara menggunakan CCOKIES pada JavaScript

Session dan Cookies

Setelah kita membuat halaman registrasi, kita akan membuat autentikasi pengguna di halaman login. Dan selanjutnya kita mengaplikasikan autentikasi dan autorisasi, dan memastikan di dalam setiap halaman kita masih terautentikasi dan terautorisasi dengan bantuan Session dan Cookies. Mengapa? karena protokol HTTP tidak memiliki ingatan, atau stateless protocol. HTTP akan selalu lupa dengan apa yang telah dia lakukan sebelumnya.

Pada bagian ini kita akan melakukan autentikasi, dengan menyocokkan login dengan data yang ada di database. Kemudian bermain dengan Session dan Cookies untuk mengelola kondisi dia di halaman web tersebut.

Dengan sebuah perintah sederhana, server dapan membuat sebuah Session, yaitu penanda seseorang telah login kesuatu web, berbentuk sebuah id unik. Id tersebut mengandung informasi dari browser yang mengaksesnya dan sebuah tanggal, dan id tersebut akan hilang dalam suatu jangka tertentu.

Server selain membuat session id, dia juga akan membuat yang dinamakan user id, sebagai penanda pengguna mana yang terkait dengan konten yang mana. Dan untuk setiap browser dapat terhubung dengan session id tersebut, maka kita menggunakan cookies. Cookies akan berisikan Session ID.

Jadi di setiap transaksi data, browser akan mengirimkan Cookies, dan mengecek kontennya untuk dibandingkan dengan Session Id

results matching ""

    No results matching ""

    Cookies memungkinkan Anda menyimpan informasi pengguna di halaman web.

    Apa Cookies ?

    Cookies adalah data, disimpan dalam file teks kecil, di komputer Anda.

    Ketika web server telah mengirimkan halaman web ke browser, koneksi dimatikan, dan server lupa segala sesuatu tentang pengguna.

    Cookies diciptakan untuk memecahkan masalah "bagaimana untuk mengingat informasi tentang pengguna":

    • Bila pengguna mengunjungi halaman web, namanya dapat disimpan dalam cookie .
    • Kali pengguna mengunjungi halaman, cookie "ingat" namanya.

    Cookie disimpan di pasangan nama-nilai seperti:

    Ketika permintaan browser halaman web dari server, cookies milik halaman ditambahkan ke permintaan. Dengan cara ini server mendapatkan data yang diperlukan untuk "mengingat" informasi tentang pengguna.

    Buat a Cookie dengan JavaScript

    JavaScript dapat membuat, membaca, dan menghapus cookies dengan document.cookie properti.

    Dengan JavaScript, a cookie dapat dibuat seperti ini:

    document.cookie = "username=John Doe";

    Anda juga dapat menambahkan tanggal kadaluwarsa [dalam waktu UTC]. Secara default, the cookie dihapus saat browser ditutup:

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

    Dengan parameter path, Anda dapat memberitahu browser apa jalan the cookie milik. Secara default, the cookie milik halaman saat ini.

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

    Baca a Cookie dengan JavaScript

    Dengan JavaScript, cookies dapat dibaca seperti ini:

    document.cookie akan mengembalikan semua cookies dalam satu string seperti: cookie1=value; cookie2=value; cookie3=value; cookie1=value; cookie2=value; cookie3=value;

    Mengubah a Cookie dengan JavaScript

    Dengan JavaScript, Anda dapat mengubah a cookie dengan cara yang sama seperti yang Anda buat itu:

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

    Lama cookie ditimpa.

    Hapus a Cookie dengan JavaScript

    Menghapus a cookie sangat sederhana. Hanya mengatur berakhir parameter untuk tanggal berlalu:

    document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC";

    Perhatikan bahwa Anda tidak harus menentukan a cookie nilai ketika Anda menghapus a cookie .

    The Cookie String

    The document.cookie properti tampak seperti string teks normal. Tapi itu tidak.

    Bahkan jika Anda menulis seluruh cookie string untuk document.cookie , ketika Anda membacanya lagi, Anda hanya dapat melihat pasangan nama-nilai itu.

    Jika Anda menetapkan baru cookie , tua cookies tidak ditimpa. Baru cookie ditambahkan ke document.cookie , jadi jika Anda membaca document.cookie lagi Anda akan mendapatkan sesuatu seperti:

    cookie1 = value; cookie2 = value;

    Jika Anda ingin mencari nilai satu ditentukan cookie , Anda harus menulis fungsi JavaScript yang mencari untuk cookie nilai dalam cookie tali.

    JavaScript Cookie Contoh

    Pada contoh untuk diikuti, kita akan membuat a cookie yang menyimpan nama pengunjung.

    Pertama kali pengunjung datang ke halaman web, ia akan diminta untuk mengisi nama-Nya. Nama ini kemudian disimpan dalam a cookie .

    Lain kali pengunjung tiba di halaman yang sama, ia akan mendapatkan pesan selamat datang.

    Misalnya kita akan membuat 3 fungsi JavaScript:

    1. Sebuah fungsi untuk menetapkan cookie nilai
    2. Sebuah fungsi untuk mendapatkan cookie nilai
    3. Sebuah fungsi untuk memeriksa cookie nilai

    Sebuah Fungsi Set a Cookie

    Pertama, kita membuat fungsi yang menyimpan nama pengunjung di a cookie variabel:

    Contoh

    function setCookie[cname, cvalue, exdays] {
        var d = new Date[];
        d.setTime[d.getTime[] + [exdays*24*60*60*1000]];
        var expires = "expires="+ d.toUTCString[];
        document.cookie = cname + "=" + cvalue + "; " + expires;
    }

    Contoh menjelaskan:

    Parameter dari fungsi di atas adalah nama cookie [cname] , nilai the cookie [cvalue] , dan jumlah hari sampai cookie harus berakhir [exdays].

    Fungsi menetapkan a cookie dengan menambahkan bersama cookiename , the cookie nilai, dan berakhir tali.

    Sebuah Fungsi Mendapatkan a Cookie

    Kemudian, kita membuat fungsi yang mengembalikan nilai dari yang ditentukan cookie :

    Contoh

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

    Bài mới nhất

    Chủ Đề