公主的腿间舌奴们np肉_国产在热线精品视频99公交_公主车上荫蒂添的好舒服_公侵犯人妻中文字慕一区二区_公么大龟弄得我好舒服秀_公交车+多人+高cH文章推荐_日本熟妇另类视频在线播放
首頁
大數(shù)據(jù)可視化設(shè)計(jì)
B端UI設(shè)計(jì)
系統(tǒng)UI設(shè)計(jì)
移動(dòng)端UI設(shè)計(jì)
圖標(biāo)設(shè)計(jì)
軟件開發(fā)
高端網(wǎng)站設(shè)計(jì)
logo設(shè)計(jì)
平面設(shè)計(jì)
關(guān)于我們
關(guān)于我們
公益活動(dòng)
設(shè)計(jì)每日一帖
淺顯易懂的cookie的使用(設(shè)置和獲取cookie緩存)
2020-4-22
前端達(dá)人
js中cookie的使用(設(shè)置和獲取cookie緩存)
生為一個(gè)已經(jīng)入職一年多的前端小白,第一次寫博客還有點(diǎn)小激動(dòng),有不足的地方還希望大家多多指出,因?yàn)樽罱?xiàng)目有涉及到利用cookie緩存數(shù)據(jù),所以在這邊再鞏固一下。
1、cookie的定義
在使用瀏覽器中,經(jīng)常涉及到數(shù)據(jù)的交換,比如你登錄系統(tǒng)賬號(hào),登錄一個(gè)頁面。我們經(jīng)常會(huì)在此時(shí)設(shè)置記住賬號(hào)啥的,或者自動(dòng)登錄選項(xiàng)。那這些都是怎么實(shí)現(xiàn)的呢,答案就是今天的主角cookie了,Cookie是由HTTP服務(wù)器設(shè)置的,保存在瀏覽器中,但HTTP協(xié)議是一種無狀態(tài)協(xié)議,在數(shù)據(jù)交換完畢后,服務(wù)器端和客戶端的鏈接就會(huì)關(guān)閉,每次交換數(shù)據(jù)都需要建立新的鏈接。
從JavaScript的角度看,cookie 就是一些字符串信息。這些信息存放在客戶端的計(jì)算機(jī)中,用于客戶端計(jì)算機(jī)與服務(wù)器之間傳遞信息。
在JavaScript中可以通過 document.cookie 來讀取或設(shè)置這些信息。由于 cookie 多用在客戶端和服務(wù)端之間進(jìn)行通信,所以除了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的有效期
這里有一個(gè)要注意點(diǎn)就是 " path=/"
" path=/"是只存下的cookie再該項(xiàng)目所有頁面都能去獲取,如果你想只存到弄個(gè)特定目錄可以在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)載請(qǐng)附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/weixin_43927397/article/details/105658614
«
淺析HTTP協(xié)議
如何分析產(chǎn)品設(shè)計(jì)語言?
»
分類
大數(shù)據(jù)可視化設(shè)計(jì)文章及欣賞(144)
B端ui設(shè)計(jì)文章及欣賞(597)
系統(tǒng)UI設(shè)計(jì)文章及欣賞(97)
移動(dòng)端UI設(shè)計(jì)文章及欣賞(687)
圖標(biāo)設(shè)計(jì)文章及欣賞(120)
網(wǎng)站設(shè)計(jì)文章及欣賞(480)
平面設(shè)計(jì)(251)
行業(yè)趨勢(463)
設(shè)計(jì)資源(872)
交互設(shè)計(jì)及用戶體驗(yàn)(903)
前端及開發(fā)文章及欣賞(1031)
隨筆的一些文章(63)
設(shè)計(jì)思維(1874)
用戶研究(242)
設(shè)計(jì)管理與成長(344)
seo優(yōu)化(498)
日歷
鏈接
個(gè)人資料
藍(lán)藍(lán)設(shè)計(jì)的小編
http://tweetduck.com
存檔
2024年12月(46)
2024年11月(84)
2024年10月(168)
2024年9月(145)
2024年8月(165)
2024年7月(108)
2024年6月(65)
2024年5月(73)
2024年4月(44)
2024年3月(50)
2024年2月(58)
2024年1月(44)
2023年12月(47)
2023年11月(41)
2023年10月(14)
2023年9月(27)
2023年8月(88)
2023年7月(62)
2023年6月(58)
2023年5月(28)
2023年4月(47)
2023年3月(37)
2023年2月(90)
2023年1月(78)
2022年12月(45)
2022年11月(69)
2022年10月(51)
2022年9月(135)
2022年8月(60)
2022年7月(111)
2022年6月(162)
2022年5月(143)
2022年4月(86)
2022年3月(119)
2022年2月(53)
2022年1月(99)
2021年12月(105)
2021年11月(83)
2021年10月(101)
2021年9月(153)
2021年8月(147)
2021年7月(149)
2021年6月(157)
2021年5月(124)
2021年4月(185)
2021年3月(144)
2021年2月(35)
2021年1月(103)
2020年12月(95)
2020年11月(76)
2020年10月(31)
2020年9月(45)
2020年8月(50)
2020年7月(46)
2020年6月(33)
2020年5月(78)
2020年4月(69)
2020年3月(100)
2020年2月(59)
2020年1月(31)
2019年12月(50)
2019年11月(57)
2019年10月(48)
2019年9月(48)
2019年8月(57)
2019年7月(58)
2019年6月(58)
2019年5月(31)
2019年4月(37)
2019年3月(43)
2019年2月(25)
2019年1月(45)
2018年12月(41)
2018年11月(40)
2018年10月(29)
2018年9月(40)
2018年8月(87)
2018年7月(107)
2018年6月(86)
2018年5月(109)
2018年4月(40)
2018年3月(35)
2017年8月(35)
2017年7月(45)
2017年6月(7)
2017年5月(27)
2017年4月(51)
2017年3月(69)
2017年2月(65)
2017年1月(69)
2016年12月(55)
2016年11月(111)
2016年10月(92)
2016年9月(53)
2016年8月(9)
2016年7月(4)
2016年6月(9)
2016年3月(19)
2016年2月(26)
2016年1月(29)
2015年12月(34)
2015年11月(35)
2015年10月(46)
2015年9月(43)
2015年8月(40)
2015年7月(33)
2015年6月(46)
2015年5月(58)
2015年4月(70)
2015年3月(55)
2015年2月(17)
2015年1月(33)
2014年12月(21)
2014年11月(83)
2014年10月(94)
2014年9月(6)
2014年8月(1)
2014年7月(13)
2014年6月(66)
2014年5月(99)
2014年4月(88)
2014年3月(101)
2014年2月(67)
2014年1月(83)
2013年12月(106)
2013年11月(111)
2013年10月(61)
2013年9月(20)
2013年7月(13)
2013年6月(27)
2013年5月(48)
2013年4月(39)
2013年3月(8)
2013年2月(20)
2013年1月(31)
2012年12月(33)
2012年11月(31)
2012年10月(22)
2012年9月(8)
2012年7月(14)
2012年6月(15)
2012年5月(31)
2012年4月(24)
2012年2月(4)
2012年1月(8)
2011年12月(35)
2011年11月(32)
2011年10月(13)
2011年8月(1)
2011年6月(1)
博客
|
师宗县
|
军事
|
安岳县
|
松桃
|
永寿县
|
凉城县
|
米林县
|
甘肃省
|
视频
|
恩施市
|
吉安市
|
三明市
|
务川
|
通州区
|
南阳市
|
台东县
|
陇川县
|
米泉市
|
偃师市
|
福贡县
|
沁水县
|
宁阳县
|
毕节市
|
新营市
|
武汉市
|
临沧市
|
江山市
|
临邑县
|
银川市
|
辉县市
|
文昌市
|
长顺县
|
祁连县
|
南平市
|
封丘县
|
高邑县
|
玉田县
|
鲜城
|
江源县
|
长乐市
|