午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

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

2020-4-22    前端達人

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

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

2、cookie的使用
設(shè)置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
調(diào)用該方法如：

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

參數(shù) 含義
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
調(diào)用該方法如：

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







日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.gerard.com.cn

存檔

主站蜘蛛池模板： 国产免费怕怕免费视频观看 | 久久精品观看影院2828 | 极品少妇粉嫩小泬啪啪AV | 好紧好湿太硬了我太爽了文字 | 91桃色污无限免费看 | 国产精品野外AV久久久 | 沈阳熟女露脸对白视频 | 美女内射少妇一区二区四区 | 13小箩利洗澡无码视频APP | 欧美日韩北条麻妃一区二区 | 精品久久久久久无码人妻国产馆 | 欧美亚洲日韩欧洲不卡 | 国产免费毛片在线观看 | 最近韩国日本免费观看mv免费版 | 国产成人无码精品久久久免费69 | 亚洲嫩草AV永久无码精品无码 | 一扒二脱三插片在线观看 | 久久理伦片琪琪电影院 | 国产亚洲国际精品福利 | wwwwxxxxx中国| 黄色片中文| 青青草国产精品 | 亚洲精品入口一区二区乱麻豆精品 | 老女人与小伙子露脸对白 | 日韩精品欧美在线视频在线 | 亚洲视频免费看 | 欧亚一卡二卡日本一卡二卡 | 久久亚洲国产精品亚洲 | 约艺术院校96年清纯白嫩 | 久久久综合中文字幕久久 | 亚洲色欲国产免费视频 | 久久久久久久久女黄 | 色婷婷AV99XX | 伊人久久艹 | 免费精品一区二区三区在线观看 | 伊人久久精品中文字幕 | 日本最新免费区中文 | 国产成人自拍视频在线观看 | 久久本道久久综合伊人 | 国产亚洲精品第一区香蕉 | 欧美gv明星 |