Jquery Cookie插件 - 多个值？

Question

我正在使用流行的jQuery Cookie插件https://github.com/carhartl/jquery-cookie 不知道如何设置和读取具有多个值的cookie？或者，也许可以添加/删除该cookie的值？

$ .cookie（“MyTestCookie”，email，{expires：10}）;

我想要的用户名添加到相同的cookie

更新：只是一个例子在.net Storing multiple values in cookies

Answer 1

如果您想要设置一个具有多个值或“子键”的cookie，并让它们可以从.NET读取，则需要将该子项存储为名称 - 值对，格式类似查询字符串。您可以使用jQuery.param（）方法将JavaScript对象转换为查询字符串。

var obj = { email: 'jdoe@example.com', username: 'jdoe' }; 
$.cookie("MyTestCookie", $.param(obj), { expires: 10 }); 

然后在服务器上，您可以访问该值：

var email = Request.Cookies["MyTestCookie"]["email"]; 
var username = Request.Cookies["MyTestCookie"]["username"]; 

编辑：我创建了一个测试页面，显示读数/服务器和客户端上编写多值Cookie，都。 http://www.systemex.net/Cookies/

注：

• 你需要采取逃避非转义的子项的照顾。这样任何嵌入=和&被正确处理
• 当读写jQuery Cookie时，使用选项{raw：true}，所以它不会双重转义。
• 我写了一个$ .deparam功能，将& 2 =值2字符串转换的名称=值转换成JavaScript对象{名称：值，名称2：值2}
• 最后一两件事，jQuery的cookie的插件不会覆盖一个cookie名称相同，只是将它附加到当前的cookie集合中。此时，重写插件以支持子项和修改现有的cookie可能会更好。

无论如何希望这有助于。

下面是Default.aspx的

<h1>Get Cookie From Server:</h1> 
<ul> 
<li>Email: <%= GetCookie("MyTestCookie", "email")%></li> 
<li>Username: <%= GetCookie("MyTestCookie", "username")%></li> 
</ul> 
<h1>Get Cookie From Client:</h1> 
<ul> 
<li>Email: <span class="cookie" data-name="MyTestCookie" data-key="email" /></li> 
<li>Username: <span class="cookie" data-name="MyTestCookie" data-key="username" /></li> 
<li>Raw: <span id="raw" /></li> 
</ul> 
<h1>Set Cookie From Client:</h1> 
<ul> 
<li>Email: <input type="text" name="email" value="" /></li> 
<li>Username: <input type="text" name="username" value="" /></li> 
</ul> 
<input type="submit" value="Submit" /> 

<script> 

    $(function() { 
     $(".cookie").each(function (index) { 
      var name = $(this).data('name'); 
      var key = $(this).data('key'); 
      var cookie = $.deparam($.cookie(name, { raw: true })); 

      $(this).html(cookie[key]); 
     }); 
     $('#raw').text(escape($.cookie("MyTestCookie"), { raw: true })); 


     $("form").submit(function() { 
      var o = {}; 
      o.email = $('input[name=email]').val(); 
      o.username = $('input[name=username]').val(); 
      var value = $.param(o); 
      var cookie = $.cookie('MyTestCookie', value, { raw: true }); 
      return true; 
     }); 
    }); 

    jQuery.deparam = function (params) { 
     var o = {}; 
     if (!params) return o; 
     var a = params.split('&'); 
     for (var i = 0; i < a.length; i++) { 
      var pair = a[i].split('='); 
      o[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1]); 
     } 
     return o; 
    } 

</script> 

Default.aspx.cs

protected void Page_Load(object sender, EventArgs e) 
{ 
    if (!Page.IsPostBack) 
    { 
     var cookie = new HttpCookie("MyTestCookie"); 
     cookie["email"] = HttpUtility.UrlEncode("jdoe@example.com"); 
     cookie["username"] = HttpUtility.UrlEncode("jdoe&123"); 
     Response.Cookies.Add(cookie); 
    } 
} 

public string GetCookie(string name, string key) 
{ 
    var cookie = Request.Cookies[name]; 
    return cookie != null ? HttpUtility.UrlDecode(cookie[key]) : ""; 
} 

Answer 2

即使它不劝你还是可以将多个值添加到cookie并做处理自己。

（这将减少饼干的量保持在浏览器，但由于 现代浏览器的设计 处理庞大的饼干加载它 不会做任何 的加载速度）

您可以使用一个循环增加你的价值，并使用类似“％”特殊字符将它们分开，你可以处理你在你喜欢的任何加密方法的字符串，并保存所有作为一个单一的cookie。

var setofcookies = username + "%" + password + "%" + email; 
$.cookie("MyTestCookie", setofcookies, { expires: 10 }); 

---

以后可以使用SPLIT函数来获取代码到适当的数组值：

var cookie = $.cookie('MyTestCookie') 
var mycookies = cookie.split("%"); 
document.write(mycookies[0]); 

这是你可以用它来处理饼干，其他的方法最合适的方法会稍微减慢页面的速度。

Answer 3

试试这个： https://github.com/tantau-horia/jquery-SuperCookie

快速用法：

创造 - 创造曲奇

检查 - 检查所有脑干

验证 - 验证cookie的值，如果JSON

check_index - 验证是否在JSON存在指数

read_values - 读取Cookie值作为字符串

read_JSON - 读取Cookie值作为JSON对象

read_value - 读取存储在JSON对象中的索引值

replace_value - 从指定的索引存储在JSON对象替换值

remove_value - 删除存储在JSON对象

值和索引只需使用：

$.super_cookie().create("name_of_the_cookie",name_field_1:"value1",name_field_2:"value2"}); 
$.super_cookie().read_value("name_of_the_cookie","name_field_1");