如何保存Cookie

Question

我正在尝试保存Cookie，然后再次加载

我有这个代码

<html>
    <head>
        <script>
            var myCookies = {};

            function saveCookies()
            {
                myCookies["_uuser"] = document.getElementById("user").value;
                myCookies["_uuage"] = document.getElementById("age").value;
                //Start Reuseable Section
                document.cookie = "";
                var expiresAttrib = new Date(Date.now()+60*1000).toString();
                var cookieString = "";
                for (var key in myCookies)
                {
                    cookieString = key+"="+myCookies[key]+";"+expiresAttrib+";";
                    document.cookie = cookieString;
                }
                //End Reuseable Section
                document.getElementById("out").innerHTML = document.cookie;
            }

            function loadCookies()
            {
                //Start Reuseable Section
                myCookies = {};
                var kv = document.cookie.split(";");
                for (var id in kv)
                {
                    var cookie = kv[id].split("=");
                    myCookies[cookie[0].trim()] = cookie[1];
                }
                //End Reuseable Section
                document.getElementById("user").value = myCookies["_uuser"];
                document.getElementById("age").value = myCookies["_uuage"];
            }
        </script>
    </head>
    <body>
        User: <input type="text" id="user">
        Age: <input type="text" id="age">
        <button onclick="saveCookies()">Save To Cookies</button>
        <button onclick="loadCookies()">Load From Cookies</button>
        <p id="out"></p>
    </body>
</html>

当我输入名称和年龄的输入，然后单击“保存到cookie”，然后从cookie加载时钟时，对于用户和年龄，我都得到了这个“未定义”！

我的代码中缺少什么，所以我可以保存cookie

Answer 1

仅当网页在网络服务器上运行时，才可以设置Chrome Cookie。 例如，通过http://localhost/foo/bar.html或http://127.0.0.1/foo/bar.html访问

编辑：您可能也可以查看以下答案：在本地HTML文件中保存的cookie是我自己亲自测试的：它与Firefox兼容。

否则，最好测试一个类似apache的本地网络服务器来测试此类情况

Answer 2

我已经从网络服务器上测试了您的代码，效果很好。

您必须从Web服务器而不是本地文件系统中加载它。

如果您想自己证明JSFiddle，请点击这里。

https://jsfiddle.net/brx5ropp/

请注意，由于JSFiddle的限制，我不得不将按钮的点击触发器移动为如下代码：

document.getElementById("load").addEventListener("click", loadCookies);
document.getElementById("save").addEventListener("click", saveCookies);

...但这与我的答案无关！

如何保存Cookie

问题描述

2 个解决方案

解决方案1
1 2017-02-07 16:15:49

解决方案2
0 2017-02-07 16:25:14

如何保存Cookie

问题描述

2 个解决方案

解决方案1 1 2017-02-07 16:15:49

解决方案2 0 2017-02-07 16:25:14

解决方案1
1 2017-02-07 16:15:49

解决方案2
0 2017-02-07 16:25:14