新聞中心
客戶端和服務器之間進行數(shù)據(jù)交互遵循的是HTTP協(xié)議,此協(xié)議屬于無狀態(tài)協(xié)議(一次請求對應一次響應,響應后斷開連接) 服務器無法跟蹤客戶端的請求, 通過Cookie技術服務器可以給客戶端添加一個憑證(類似打孔式的會員卡) 之后客戶端發(fā)出的每次請求都會帶著這個憑證, 這樣服務器就可以識別此客戶端了,但是由于Cookie是將數(shù)據(jù)保存在客戶端的, 存在被篡改的風險, Session的作用就是解決此問題, Session的數(shù)據(jù)是保存在服務器當中(類似于銀行卡),不存在被篡改的風險
成都創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設、高性價比靜樂網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式靜樂網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設找我們,業(yè)務覆蓋靜樂地區(qū)。費用合理售后完善,10多年實體公司更值得信賴。通過會話管理技術 可以保存客戶端的數(shù)據(jù), 而數(shù)據(jù)庫保存的是用戶的數(shù)據(jù)
Cookie: 數(shù)據(jù)保存在客戶端(類似打孔式的會員卡)
保存時間:數(shù)據(jù)默認保存在瀏覽器內(nèi)存中, 當瀏覽器關閉時數(shù)據(jù)會清除, 可以設置任意保存時間,設置完自定義的時間后 數(shù)據(jù)會保存到磁盤中,時間到了之后會從磁盤中清除
保存類型:只能保存字符串類型的數(shù)據(jù)
保存數(shù)據(jù)量: Cookie每次發(fā)請求時都會帶上Cookie一起發(fā)請求, 是存在于請求頭中的數(shù)據(jù),所以數(shù)據(jù)量只能保存幾k的數(shù)據(jù)
應用場景: 記住用戶名和密碼 (因為保存時間比較久Session只能保存半個小時)
Session:數(shù)據(jù)保存在服務器(類似銀行卡)
- 保存時間:數(shù)據(jù)保存在服務器的內(nèi)存中,保存時長是半個小時,時間可以修改但是不建議修改(因為服務器內(nèi)存資源比較緊張,所有用戶的數(shù)據(jù)都保存到同一個服務器 內(nèi)存壓力太大)
- 保存類型:可以保存任意對象類型的數(shù)據(jù)
- 保存數(shù)據(jù)量: 大小沒有限制, 但是不建議保存太大量的數(shù)據(jù)(因為服務器內(nèi)存資源比較緊張)
- 應用場景: 記住登錄狀態(tài)
通過Cookie 實現(xiàn)記住用戶名和密碼功能- 在登錄成功時把用戶名和密碼通過Cookie保存 并發(fā)送給客戶端
在login.html頁面 從cookie里面獲取保存的用戶名和密碼,并顯示到頁面中
//從Cookie中得到用戶名和密碼'username=admin; password=123456' let arr = document.cookie.split(";"); //遍歷cookie數(shù)組 let count = 0; for (let cookie of arr) { //通過=再次拆分出key和value username=admin let cookieArr = cookie.split("="); let key = cookieArr[0].trim(); let value = cookieArr[1]; //判斷key是用戶名 還是密碼 if (key=="username"){ //created方法是Vue對象初始化過程中調(diào)用的方法 //在Vue對象初始化完成之前不能通過v.的方式訪問Vue對象 //如果在初始化完成之前訪問Vue對象可以通過this的方式訪問 //this代表的就是當前初始化過程中的Vue對象 this.user.username = value; count++; }else if (key=="password"){ this.user.password = value; count++ } } //當count值等于2時說明之前記住了用戶名和密碼 //如果值不是2 是1 或是0 則不需要打鉤 this.user.rem = count==2;
你是否還在尋找穩(wěn)定的海外服務器提供商?創(chuàng)新互聯(lián)www.cdcxhl.cn海外機房具備T級流量清洗系統(tǒng)配攻擊溯源,準確流量調(diào)度確保服務器高可用性,企業(yè)級服務器適合批量采購,新人活動首月15元起,快前往官網(wǎng)查看詳情吧
網(wǎng)站題目:Cookie/Session會話管理-創(chuàng)新互聯(lián)
文章來源:http://www.dlmjj.cn/article/pejgp.html