Rumah > Artikel > hujung hadapan web > Contoh pembelajaran JavaScript untuk membaca dan menulis kuki

Contoh pembelajaran JavaScript untuk membaca dan menulis kuki

PHPzasal: 2016-05-16 15:49:201181semak imbas

Artikel ini terutamanya memperkenalkan mata pengetahuan yang berkaitan tentang kuki membaca dan menulis JavaScript melalui contoh Rakan yang memerlukan ini boleh merujuknya.

Pertama sekali, mari kita memahami secara ringkas kuki

Dalam proses membuat halaman web, kita sering perlu memindahkan maklumat dari satu halaman ke halaman yang lain, kita perlu menggunakan JavaScript Mekanisme kuki dalam . Ringkasnya, kuki menyediakan cara yang mudah untuk menyimpan sejumlah kecil data pada komputer pengguna dan mendapatkannya dari jauh, membolehkan tapak web menyimpan butiran seperti tetapan tabiat pengguna atau masa lawatan terakhir ke tapak web. Kuki itu sendiri ialah sekeping maklumat ringkas yang boleh disimpan pada komputer pengguna mengikut halaman dan kemudian dibaca oleh halaman lain. Kuki biasanya ditetapkan untuk tamat tempoh selepas tempoh masa tertentu.

Sudah tentu, kuki juga mempunyai had: penyemak imbas mempunyai had pada bilangan kuki yang boleh disimpan, biasanya beberapa ratus atau lebih. Dalam keadaan biasa, 20 kuki dibenarkan bagi setiap nama domain, dan setiap domain boleh menyimpan sehingga 4KB kuki Selain masalah yang mungkin disebabkan oleh sekatan saiz, terdapat juga banyak sebab yang boleh menyebabkan kuki pada cakera keras menjadi. hilang, seperti mencapai tarikh tamat tempoh Atau pengguna mengosongkan maklumat kuki, atau beralih ke penyemak imbas lain. Oleh itu, kuki tidak sesuai untuk menyimpan data penting Semasa menulis kod, anda juga mesti mempertimbangkan cara mengendalikan pengecualian pemerolehan kuki.

Dalam JavaScript, gunakan atribut kuki objek dokumen untuk menyimpan dan mendapatkan semula kuki Biasanya, maklumat dalam document.cookie ialah rentetan yang terdiri daripada pasangan nama dan nilai, dan setiap pasangan data berada dalam. borang :

name=value;

Di bawah kami akan menggunakan contoh mudah untuk menunjukkan cara membaca dan menulis kuki dalam JavaScript.

Yang pertama ialah createCookie.html, di mana halaman akan dibuat kuki , kod lengkap adalah seperti berikut:

<html>
<head>
  <title>createCookie</title>
  <script>
    function createCookie(){
      //get name and password
      var name = document.getElementById("name").value;
      var pwd = document.getElementById("pwd").value;
      //create cookie
      document.cookie = name+&#39;|&#39;+pwd;
      //go to showCookie.html page
      window.location.href = "showCookie.html";
    }
  </script>
</head>
<body>
  Userame:  <input id="name" type="text" /><br><br>
  Password:  <input id="pwd" type="password" /><br><br>
  <button onclick="createCookie()">Submit</submit>
</body>
</html>

Tangkapan skrin halaman adalah seperti berikut:

Klik butang hantar dan kuki akan menjadi dibuat. Maklumat Nama Pengguna dan Kata Laluan disimpan di dalamnya, dan ia akan melompat ke halaman showCookie.html. Antaranya, kod lengkap halaman showCookie.html adalah seperti berikut:

<html>
<head>
  <title>showCookie</title>
  <script>
    function showCookie(){
      //document.cookie is a string, using split() function to get cookie date in array form 
      var arr = document.cookie.split(&#39;|&#39;);
      //processing data in cookie
      var cookie_info = &#39;Data in cookie:<br>username is:  &#39;+arr[0]+"<br>password is:  "+arr[1]+&#39;<br>&#39;;
      //set content of element of id "res"
      document.getElementById("res").innerHTML = cookie_info;
    }
  </script>
</head>
<body>
  <button onclick="showCookie()">Show Cookie</button>
  <p id="res"></p>
</body>
</html>

Tangkapan skrin halaman adalah seperti berikut: