使用 AJAX 使用 Cookie 设置 HTML bgcolor答案

【问题标题】：Setting HTML bgcolor With Cookies Using AJAX使用 AJAX 使用 Cookie 设置 HTML bgcolor
【发布时间】：2017-10-25 12:25:15
【问题描述】：

我不熟悉在网页中使用 cookie，以及一般的 AJAX 和 JavaScript。我要做的是在 HTML 文档上有一个按钮，当按下/提交时，将背景颜色 cookie = 设置为指定值。

现在，我可以看到它是如何工作的结构，但如果有人可以更深入地解释我如何完成它，那真的会对我有所帮助。

我知道我需要进行如下设置：

<html>
    <head>
        <script>
            // AJAX code
            // some function that is called to set the color
        </script>
    </head>
    <body>
        // a submit button that 'onclick' calls the AJAX function
    </body>
</html>

但我发现具体细节很难弄清楚，任何见解都将不胜感激。

【问题讨论】：

你应该考虑使用document.cookie
你能在我下面的回复中尝试一下吗？它将根据用户的输入设置 cookie。

标签： javascript html ajax cookies submit

【解决方案1】：

Ajax 成功后，您将调用 setCookie 方法：

function setCookie() {
  $.cookie("myCookie", $("#cookie_val").val(), {
    expires: 365,
    path: '/'
  });
}

看看这个插件：https://plnkr.co/edit/SYE3sLAklF1MDIidCahF?p=preview

【讨论】：