cookie在JavaScript中的简单使用记录

有时候，有些东西就一条数据，我们压根就不需要为了这一条数据来创建一张表，来存储这一条数据，那么，这个时候，就考虑到了浏览器的缓存使用啦。

这先看一下这个简单的cookie怎么保存记录数据。

（有个前题，我们肯定是使用了jquery库的哟。）

保存数据到cookie：

function savePoolServerState() {
    var list = $("#poolServerState").val();
    $.cookie("selectedPoolServerState", list, {path: "/"});
}

上面的代码中，就是把我们要存储的那条数据，代码里面就是list啦，把这个值存到cookie里面，key就是前面的那个“selectedPoolServerState”，路径对应后面的path这部分。

具体，在浏览器里面怎么看你 存储的cookie，具体看下图。

这个是chrome浏览器的，算是debug页面吧，搞web的都知道。我就不多说啦。

可以看到，我已经把值，存到这里啦，只有你不清除浏览器的cookie，那么他就会一直存在浏览器里面。

再给看一下，实际js代码在存储数据时，具体的debug图。

可以看到，我存储实际上是个数组的，但是，到下面（马上写怎么把存的数据取出来），取数据的时候，却变成了字符串。

从cookie取数据：

下面看怎么把咱存进去的数据去给取出来。

function initClickEvent() {
    var $select = $("#poolServerState");
    var selected = $.cookie("selectedPoolServerState");
    if (selected) {
        var array = selected.split(",");
        $select.val(array);
        $select.trigger("chosen:updated");
    }
}

$.cookie("selectedPoolServerState"); 这个代码，就可以很简单的就把我存的数据给取出来啦。

然后你就可以操作啦。

具体，看我实际的debug截图把。

可以看到，我存的数组，取出来的时候，就变成了字符串啦，中间是逗号哟，在第一张图里面看到的cookie的值中间的%2C，就是这个逗号哟。具体是什么编码就不知道啦。

至此，这个cookie的简单使用，就算是使用完毕啦。

看着很简单的，我就做个记录吧，方便我下次用的时候，直接拿过来用。