cookie解析


參考:https://www.runoob.com/js/js-cookies.html

Cookie 是一些數據, 存儲於你電腦上的文本文件中,用於存儲用戶的訪問記錄

當 web 服務器向瀏覽器發送 web 頁面時,在連接關閉后,服務端不會記錄用戶的信息。

Cookie 的作用就是用於解決 "如何記錄客戶端的用戶信息":

  • 當用戶訪問 web 頁面時,他的名字可以記錄在 cookie 中。
  • 在用戶下一次訪問該頁面時,可以在 cookie 中讀取用戶訪問記錄。

1、存儲方式:鍵值對

  例如:

username=John Doe

當瀏覽器從服務器上請求 web 頁面時, 屬於該頁面的 cookie 會被添加到該請求中。服務端通過這種方式來獲取用戶的信息。

默認情況下,cookie 在瀏覽器關閉時刪除

2、JavaScript添加Cookie

  加入cookie內容

document.cookie="username=John Doe";

  加入Cookie過期的時間,一旦過期,下次就需要重新輸入表單存儲cookie

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

  加入使用cookie的頁面

document.cookie="username=John Doe; expires=Thu, 18 Dec 2043 12:00:00 GMT; path=/";  # 此時使用的是GMT時間格式,UTC也可以

  當需要再cookie中輸入多個鍵值對,使用“;”隔開。

3、讀取cookie

document.cookie;

  document.cookie 將以字符串的方式返回所有的 cookie,類型格式: cookie1=value; cookie2=value; cookie3=value;

4、修改cookie

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

  直接覆蓋舊的值,完成修改。

5、刪除cookie

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

  expires設置之前的時間,截止的時間過期了,cookie刪除。cookie的值沒有必要指定

實例:

function setCookie(cname,cvalue,exdays)
{
  var d = new Date();                  # 獲取當前時間對象
  d.setTime(d.getTime()+(exdays*24*60*60*1000));  # d.getTime()獲取當前時間,exdays*24*60*1000轉化為毫秒值,然后將新的時間設置為d的時間
  var expires = "expires="+d.toGMTString();     # d.toGMTString以GMT的顯示形式輸出時間。
  document.cookie = cname + "=" + cvalue + "; " + expires;
}

  cname是鍵的名字,cvalue是對應鍵的值。exdays指該cookie存活幾天。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM