如何使用jQuery读取cookie并将其存储在变量中？

Question

我想读取"bar“cookie的内容并将其存储在变量"foo”中。

我的第一次刺伤是这样的，但我没有收到警报。我认为赋值语句是不正确的。

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

Answer 1

如果您希望让jQuery处理cookie操作，则需要使用库。

carhartl开发的jQuery Cookie插件

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

有些人不喜欢使用库，因为你可以用简单的javascript轻松地做到这一点。就我个人而言，我一直在使用上面的库。

但是，如果您希望探索非jQuery方式...

直线型JavaScript方法

谷歌搜索提供了这个页面：http://www.tutorialspoint.com/javascript/javascript_cookies.htm

我从来没有使用过直接的js来操作cookie，所以为了便于操作，我将只从该站点复制/粘贴。您可以参考本段上方的链接了解详细信息。

写一个Cookie

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

读取所有Cookie

function ReadCookie()
{
   var allcookies = document.cookie;
   alert("All Cookies : " + allcookies );

   // Get all the cookies pairs in an array
   cookiearray  = allcookies.split(';');

   // Now take key value pair out of this array
   for(var i=0; i<cookiearray.length; i++){
      name = cookiearray[i].split('=')[0];
      value = cookiearray[i].split('=')[1];
      alert("Key is : " + name + " and Value is : " + value);
   }
}

Answer 2

首先，您必须在here中下载jQuery cookie插件。随后，将此链接添加到文档的head标记中。

<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);
)};

所有删除cookie的结尾：

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

Answer 3

我认为你需要这个：

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