使用javascript和jquery保留状态

时间:2011-08-04 07:33:14

标签: javascript jquery state

我在确定如何保留当前状态时遇到问题...假设我选择了当前形式的单选按钮和复选框并导航到另一个页面但是如果我想回到旧页面我该如何才能看到我上一页中选定的收音机和复选框..

1 个答案:

答案 0 :(得分:1)

你可以使用cookies来做同样的事情。这是一个代码片段的小代码片段:

var myCookieHandler = (function () {
    return {
        createCookie: function (name, value, days) {
            var expires = "";
            if (days) {
                var date = new Date();
                date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
                expires = "; expires=" + date.toGMTString();
            }
            document.cookie = name + "=" + value + expires + "; path=/";
        },
        readCookie: function (name) {
            var nameEq = name + "=";
            var ca = document.cookie.split(';');
            var i;

            for (i = 0; i < ca.length; i++) {
                var c = ca[i];
                while (c.charAt(0) === ' ') { c = c.substring(1, c.length); }
                if (c.indexOf(nameEq) === 0) { return c.substring(nameEq.length, c.length); }
            }

            return null;
        },
        deleteCookie: function (name) {
            this.createCookie(name, null, -1);
        }
    };
}());

用法:

myCookieHandler .writeCookie("Login","true",2);

var cookieValue=myCookieHandler.readCookie("Login");

myCookieHandler.deleteCookie("Login");

因此,当您回到此页面时,您会阅读您的cookie并使用相同的方式执行必要的操作。

希望这会有所帮助..