Cara menggunakan COOKOES 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.

Table of Contents

  • Session dan Cookies
  • results matching ""
  • No results matching ""
  • Apa Cookies ?
  • Buat a Cookie dengan JavaScript
  • Baca a Cookie dengan JavaScript
  • Mengubah a Cookie dengan JavaScript
  • Hapus a Cookie dengan JavaScript
  • The Cookie String
  • JavaScript Cookie Contoh
  • Sebuah Fungsi Set a Cookie
  • Sebuah Fungsi Mendapatkan a Cookie
  • Sebuah Fungsi untuk Periksa a Cookie
  • Semua bersama Sekarang
  • Bagaimana cara mengaktifkan cookies dan menonaktifkan cookies?
  • Dimana letak cookie browser?
  • Apa itu aktifkan cookie?
  • Apa kegunaan dan fungsi cookies pada browser?

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.


    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=/";


    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;


    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.


    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 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.


    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

    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.


    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 <ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0)==' ') {
                c = c.substring(1);
            }
            if (c.indexOf(name) == 0) {
                return c.substring(name.length,c.length);
            }
        }
        return "";
    }

    Fungsi menjelaskan:

    Ambil the cookiename sebagai parameter (CNAME).

    Buat variabel (nama) dengan teks untuk mencari (CNAME + "=").

    Berpisah document.cookie pada titik koma ke dalam sebuah array disebut ca (ca = document.cookie.split(';')) .

    Loop melalui ca array (i=0;i<ca.length;i++) , dan membaca setiap nilai c=ca[i]) .

    Jika the cookie ditemukan (c.indexOf(name) == 0) , mengembalikan nilai the cookie (c.substring(name.length,c.length) .

    Jika the cookie tidak ditemukan, kembali "".


    Lalu, kita menciptakan fungsi yang checks jika a cookie diatur.

    Jika the cookie diatur akan menampilkan ucapan.

    Jika the cookie tidak diatur, maka akan muncul kotak prompt, meminta nama pengguna, dan menyimpan username cookie selama 365 hari, dengan memanggil setCookie fungsi:

    Contoh

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


    Semua bersama Sekarang

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

    function getCookie(cname) {
        var name = cname + "=";
        var ca = document.cookie.split(';');
        for(var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') {
                c = c.substring(1);
            }
            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);
            }
        }
    }

    Cobalah sendiri "

    Contoh di atas menjalankan checkCookie() fungsi ketika beban halaman.


    Bagaimana cara mengaktifkan cookies dan menonaktifkan cookies?

    Di Chrome.

    Di komputer, buka Chrome..

    Di kanan atas, klik Lainnya. Setelan..

    Di bagian "Privasi dan keamanan", klik Setelan situs..

    Klik Cookie..

    Dari sini, Anda dapat: Mengaktifkan cookie: Di samping "Diblokir", alihkan tombol ke posisi aktif. Menonaktifkan cookie: Nonaktifkan Izinkan situs menyimpan dan membaca data cookie..

    Di aplikasi Chrome.

    Di ponsel atau tablet Android, buka aplikasi Chrome ..

    Di kanan atas, tap Lainnya. Setelan..

    Tap Setelan situs. Cookie..

    Aktifkan atau nonaktifkan Cookie..

    Pada dasarnya, dengan mengaktifkan cookie, kamu akan mendapatkan informasi yang relevan sesuai dengan kebutuhan pencarian. Cookie sendiri merupakan file kecil yang ada di suatu situs ketika mengaksesnya menggunakan perangkat ponsel atau komputer.

    Apa kegunaan dan fungsi cookies pada browser?

    Pertama, cookie memungkinkan situs web mengenali pengguna dan mengingat informasi atau preferensi pengguna, misalnya terkait pilihan berita. Kedua, terkait personalisasi. Cookie dapat menyimpan informasi terkait aktivitas online pengguna. Dari data itu, cookie memungkinkan memberikan iklan yang pengguna sukai.

    Cara kerja cookies adalah saat kamu mengunjungi sebuah web, cookies akan disimpan di direktori file browser. Ketika kamu kembali mengunjungi situs tersebut, browser kamu akan membaca cookies dan menyampaikan informasi itu kembali ke situs web atau elemen yang pada awalnya mengatur cookie.

    Bagaimana cara mengaktifkan cookies dan menonaktifkan cookies?

    Di Chrome.
    Di komputer, buka Chrome..
    Di kanan atas, klik Lainnya. Setelan..
    Di bagian "Privasi dan keamanan", klik Setelan situs..
    Klik Cookie..
    Dari sini, Anda dapat: Mengaktifkan cookie: Di samping "Diblokir", alihkan tombol ke posisi aktif. Menonaktifkan cookie: Nonaktifkan Izinkan situs menyimpan dan membaca data cookie..
    Cookie adalah serangkaian teks yang disimpan pada komputer Anda oleh situs web yang Anda kunjungi. Pada umumnya cookie menyimpan pengaturan atau preferensi Anda untuk suatu situs web tertentu, misalnya bahasa yang dipilih, atau lokasi (negara) Anda.
    Di aplikasi Chrome.
    Di ponsel atau tablet Android, buka aplikasi Chrome ..
    Di kanan atas, tap Lainnya. Setelan..
    Tap Setelan situs. Cookie..
    Aktifkan atau nonaktifkan Cookie..