如何使用jQuery讀取cookie並將其存儲在變量中？

Question

我想讀取「bar」cookie的內容並將其存儲在變量「foo」中

我的第一次刺戳是這樣的，但我沒有收到警報。我認爲轉讓聲明並不正確。

var foo = $.cookie('bar'); 
alert (foo); 

Answer 1

如果您希望讓jQuery處理cookie操作，則需要使用庫。

的jQuery插件的Cookie通過carhartl

https://github.com/carhartl/jquery-cookie

有些人不贊成使用庫時，你可以在直線上升的JavaScript那麼容易做到這一點。個人，我一直使用上面的庫。

但是，如果你想探索非jQuery的方式...

直線上升JavaScript方法

谷歌搜索提供了這個頁面：http://www.tutorialspoint.com/javascript/javascript_cookies.htm

我從來沒有使用直因爲我只是從該網站複製/粘貼OPs ease ..您可以參考本段上面的鏈接以獲取具體信息。

寫一個Cookie

document.cookie = "key1=value1;key2=value2;expires=date"; 
function WriteCookie() 
{ 
    var cookievalue= "ABCD"; 
    document.cookie="name=" + cookievalue; 
    alert("Setting Cookies : " + "name=" + cookievalue); 
} 

閱讀所有Cookie

​​

Answer 2

我認爲你需要這樣的：

http://archive.plugins.jquery.com/project/Cookie

Answer 3

你有/ jQuery的cookie的插件？ Here's one for you。 Cookies不是jQuery Core（尚未）的一部分。

Answer 4

首先，您必須在here下載jQuery cookie插件。 隨後將此鏈接添加到文檔的頭標記。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript" src="jquery.cookie.js"></script> 

例如：閣下的HTML文檔有此標籤：

<a href="#" id="showCookie">Show cookie</a> 
<a href="#" id="deleteCookie">Delete cookie</a> 
<input disabled id="verbose" type="text" /> 

讀取cookie的這個腳本添加到您的html頁面：

$("#showCookie").click(function(e){ 
    e.preventDefault(); 
var yourcookie=$.cookie(cookieName).val(); 
    $("#verbose").val("Cookie value is " + yourcookie + "."); 

}); 

所以和創建的cookie：

jQuery(document).ready(function(){ 

var cookieName = 'level'; 
var cookieOptions = {expires: 7, path: '/'}; 
$.cookie(cookieName, $(this).attr("id"), cookieOptions); 
)}; 

and end of all刪除Cookie：

$("#deleteCookie").click(function(e){ 
e.preventDefault(); 
    $("#verbose").val("Cookie 'level' with value \"" + $.cookie(cookieName) + "\" removed."); 
    $("#" + $.cookie(cookieName)).removeClass("selected");