国产亚洲精_丰满老熟好大的大bbb_男男激情做爰视频免费观看_欧美一区二区三区精品国产

淺顯易懂的cookie的使用(設置和獲取cookie緩存)

2020-4-22    前端達人

js中cookie的使用(設置和獲取cookie緩存)
生為一個已經入職一年多的前端小白,第一次寫博客還有點小激動,有不足的地方還希望大家多多指出,因為最近項目有涉及到利用cookie緩存數據,所以在這邊再鞏固一下。

1、cookie的定義
在使用瀏覽器中,經常涉及到數據的交換,比如你登錄系統賬號,登錄一個頁面。我們經常會在此時設置記住賬號啥的,或者自動登錄選項。那這些都是怎么實現的呢,答案就是今天的主角cookie了,Cookie是由HTTP服務器設置的,保存在瀏覽器中,但HTTP協議是一種無狀態協議,在數據交換完畢后,服務器端和客戶端的鏈接就會關閉,每次交換數據都需要建立新的鏈接。
從JavaScript的角度看,cookie 就是一些字符串信息。這些信息存放在客戶端的計算機中,用于客戶端計算機與服務器之間傳遞信息。
在JavaScript中可以通過 document.cookie 來讀取或設置這些信息。由于 cookie 多用在客戶端和服務端之間進行通信,所以除了JavaScript以外,服務端的語言(如PHP)也可以存取 cookie。

2、cookie的使用
設置cookie
function setCookie(c_name, value, expiredays) {
       var exdate = new Date()
       exdate.setDate(exdate.getDate() + expiredays)
       document.cookie = c_name + "=" + escape(value) +
           ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString())+";path=/";
   }
1
2
3
4
5
6
調用該方法如:

var userId="123456";
setCookie("userId", userId, 30);
1
2
下面是里面參數的意義

參數 含義
c_name 自己定義的cookie名稱
value 需要放在定義的c_name 中的值
expiredays cookie的有效期
這里有一個要注意點就是 " path=/"
" path=/"是只存下的cookie再該項目所有頁面都能去獲取,如果你想只存到弄個特定目錄可以在path中指定路徑,如:“path=/views/myHomePage”,z這樣你可以在/views/myHomePage文件下所有頁面都能取到你存的cookie了。

取回cookie
 function getCookie(c_name) {
        if (document.cookie.length > 0) {
            c_start = document.cookie.indexOf(c_name + "=")
            if (c_start != -1) {
                c_start = c_start + c_name.length + 1
                c_end = document.cookie.indexOf(";", c_start)
                if (c_end == -1) c_end = document.cookie.length
                return unescape(document.cookie.substring(c_start, c_end))
            }
        }
        return ""
    }
1
2
3
4
5
6
7
8
9
10
11
12
調用該方法如:

var newUserId= getCookie("userId");
console.log(newUserId)
alert(newUserId)
————————————————
版權聲明:本文為CSDN博主「前端陳偉霆」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/weixin_43927397/article/details/105658614







日歷

鏈接

個人資料

藍藍設計的小編 http://paul-jarrel.com

存檔