Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/443.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用AJAX通过Cookies设置HTML bgcolor_Javascript_Html_Ajax_Cookies_Submit - Fatal编程技术网

Javascript 使用AJAX通过Cookies设置HTML bgcolor

Javascript 使用AJAX通过Cookies设置HTML bgcolor,javascript,html,ajax,cookies,submit,Javascript,Html,Ajax,Cookies,Submit,我对在网页中使用cookies以及AJAX和JavaScript都是全新的。我要做的是在HTML文档上有一个按钮,当按下/提交该按钮时,将背景色cookie=设置为指定值 现在,我可以大致了解这项工作的结构,但如果有人能给我一个更深入的解释,说明我是如何完成这项工作的,这将真正帮助我 我知道我需要设置如下内容: <html> <head> <script> // AJAX code //

我对在网页中使用cookies以及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>

//AJAX代码
//一些函数被调用来设置颜色
//“onclick”的提交按钮调用AJAX函数

但是我发现细节很难弄清楚,任何洞察都将不胜感激。

关于Ajax的成功,您将调用setCookie方法:

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

查看此plunk:

您应该考虑使用以下我的回答中的plunk,您可以试试吗?它将根据用户的输入设置cookie。