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

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

我的第一次刺伤就是这个,但我没有得到警报。 我认为赋值语句是不正确的。

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

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

jQuery Cookie插件由carhartl提供

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 

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

   

例如你的Html文档有这个标签:

 Show cookie Delete cookie  

读取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"); 

你有一个/ jQuery cookie插件吗? 这是给你的 。 Cookie不是jQuery Core的一部分(尚未)。