jquery cookie存储对象的方法

jquery cookie的插件让程序猿很方便的使用cookie来存储一些数据，但是$.cookie()只能存储字符串，如果想存储一些类似对象的就没办法了，这时候我们可以这样解决问题。我们可以存储JSON字符串在jquery的数组中，再用特殊符号，将数组转成字符串存储在$.cookie中，下面是对应的代码

//左侧添加
	$(".add_ico").live("click", function() {
		var tr = $(this).parents("tr");
		var playerid = tr.attr("val");
		var playername = tr.children().eq(1).text();
		var players = $.cookie("comparePlayers");
		if(players == null || players =="") {
			players = [];
			var player = {playerid:playerid,playername:playername};
			var playerStr = JSON.stringify(player);
			players.push(playerStr);
			$.cookie("comparePlayers", players.join("$"), { path : '/'});
		} else {
			players = players.split("$");
			if(players.length < 5) {
				if(keyInJsonArray(playerid, players) == -1) {
					var player = {playerid:playerid, playername:playername};
					var playerStr = JSON.stringify(player);
					players.push(playerStr);
					$.cookie("comparePlayers", players.join("$"), { path : '/'});
				} 
			} else {
				alert("比对人数已经到达上限");
				return;
			}
		}
		addComparePanel(playerid, playername);
		$("#compareSize").text(players.length);
		$(".contrast").show();
		$(this).hide();
		$(this).siblings(".del_ico").css({"display":"block","left":"-25px"});
	});

var player = {playerid:playerid, playername:playername};
var playerStr = JSON.stringify(player);
players.push(playerStr);
$.cookie("comparePlayers", players.join("$"), { path : '/'});

关键是要使用JSON.stringify()函数先将JSON对象转成JSON字符串。

下面是取出来的操作

//维持面板状态
	function updateComparePanel() {
		var players = $.cookie("comparePlayers");
		if(players != null && players != "") {
			players = players.split("$");
			$("#player").html();
			for(var i = 0;i < players.length; i++) {
				jsonObj = $.parseJSON(players[i]);
				addComparePanel(jsonObj.playerid, jsonObj.playername);
			}
			$("#compareSize").text(players.length);
			$(".contrast").show();
		} else {
			$("#compareSize").text(0);
			$(".contrast").fadeOut(1000);
		}
	}
	
	function addComparePanel(playerid, playername) {
		var json = "{\"rolename\" : \"" + playername + "\", \"accountid\" : \"" + playerid + "\"}";
		var html = template("playerData", $.parseJSON(json));
		$("#player").append(html);
	}

用split()函数转化为数组后将数组中的字符串用$.parseJSON转化为对象，就可以进行对象的操作了