用jquery实现cookie的操作以及创建js数组和遍历js数组，js对象,jquery.json的使用

我为什么把这些内容放在一个文章了说呢？因为在真实使用的时候一般都会设计到。在读取cookei时肯定会有相应的其他操作。

用jquery实现对cookie的操作，这里用到的是：jquery.cookie.js，一个轻量级的cookie 插件，可以读取、写入、删除 cookie。

页面引入：（具体可以根据自己项目的情况引入必须的js就可以了）

<script type="text/javascript" src="../static/js/jquery-1.8.3.min.js"></script>

<script type="text/javascript" src="../static/js/jquery.cookie.js"></script>

<script type="text/javascript" src="../static/js/jquery.json.min.js"></script>

下面我直接身上js代码，jsp代码暂时就不给了。

<script type="text/javascript">

-------创建js数组的写法，创建数组的写法有多种，还有数组的初始化等，有需要细致了解的自己再细致的百度吧。new Array()

    var current = new Array();

--------一个普通的初始化方法，一个onclick事件

    $(function() {

        $("#addBut").click(

                function() {

                    var vevn = $("#env").val();

                    var venvurl = $("#envurl").val();

---------------创建js对象，Object()

                    var optionSel = new Object();

-------------给js对象添加属性并赋值，直接对象.属性高

                   optionSel.text = vevn;

                    optionSel.value = venvurl;

------------将js对象添加到js数组中去：数组.push（对象）

                   current.push(optionSel);

------------向html末尾追加html

                    $("#selecturl").append(

                            "<option selected='selected' value='"+venvurl+"'>"

                                    + vevn + "</option>");

-------------设置cookie，cookie的数据形式是key-value类型的，所以可以通过key得到value，$.cookie('options')获得key值options的value

                    if ($.cookie('options')!=null) {

                        var optStr = $.cookie("options");

--------------字符串的json再js中可以使用：JSON.parse(json字符串)，也可以使用eval（）函数

                        var optArr = JSON.parse(optStr);

 ------------js遍历数组        $.each(数组, function(i, 数组中的对象) { });               

                        $.each(optArr, function(i, obj) {

                            var optionSel = new Object();

                            optionSel.text = obj.text;

                            optionSel.value = obj.value;

                            current.push(optionSel);

                        });

                        //optArr.putsh(optionSel);

-------------将JSON数组变为字符串$.toJSON(数组)

                       var newjson = $.toJSON(current);

-------------------cookie是可以设置有效期的，expires : 365表示的是36天有效

                       $.cookie("options", newjson, {

                            expires : 36

                        });

                    } else {

                        var optjson = $.toJSON(current);

                        $.cookie('options', optjson, {

                            expires : 36

                        });

                    }

                });

    })

</script>