<address id="ttjl9"></address>
      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      

      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>
          
  
      
    

          

	
          
		
          
			
          
				
          淺顯易懂的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://www.syprn.cn
          
      
          
    
          
    
          
      
          存檔
          
      
    
          

          

          



亚洲va欧美va天堂v国产综合