js如何獲取瀏覽器中的cookie

2019-12-12 13:28:19

cookie是用來儲存使用者的一些不涉及安全的資料的，可以用來改善使用者存取網站的體驗。我們可以在後台存取cookie，也可以在前端使用js來存取cookie，下面我們就來看一下js是如何存取cookie的。

為了方便操作，我們引入jquery.cookie外掛來操作，避免原生js的繁瑣操作。先引入相關的指令碼。

引入指令碼後，要讀取cookie就很簡單了，使用$.cookie('cookie_name’）方法，其中引數為cookie的名稱，這樣就可以得到對應的值了。

我們開啟瀏覽器，存取頁面，在控制台上看到現在輸出的是undefined，這是因為我們讀取的cookie還沒有設定過呢。

我們可以用js先設定cookie的值，使用剛才的方法，傳入二個引數，分別為cookie的名稱和值，就可以設定了。

設定後再讀取它的值，執行頁面，可以看到能正確讀取到了。

在設定cookie時，我們可以傳入第三個引數，一個物件引數，可以設定一個expire的屬性，這主要是設定cookie的過期時間的，現在值為1，就是一天後過期了。如果過期後，再去讀取這個cookie，也是取不到值的。

物件引數還可以設定path值，這是設定cookie的儲存路徑，如果是設定根目錄 '/'，則是整個站點的頁面都可以讀取到這個cookie的值的。