Javascript:代码片段,无法使其工作(设置和读取cookie)

Javascript: Snippet of code, cant get it to work (setting and reading cookies)

本文关键字:设置 工作 读取 cookie 代码 片段 Javascript      更新时间:2023-09-26

我目前正在开发一个基于javascript的产品配置程序,我似乎无法设置cookie并将其传递给配置程序的另一个阶段,我使用了另一个问题上向我建议的cookie插件,我想知道我是否误解了插件的说明,是否使用了错误的方式,但正如我在其他问题中所说,我对javascript非常陌生。如果有人能帮我做错事,那就太棒了。

要设置cookie,我有这个功能:

function changeImage_red() {
var img = document.getElementById("carro");
fadeIn("carro");
img.src = "http://popo.com.pt/POPO/configurador/cfg/page_color/color/red.png";
$.cookie('color', 'red');
return false;

为了阅读和使用它,我有一个:

function changeColor ()
{
var color = $.cookie('color');
var img = document.getElementById("carro");
img.src = "http://popo.com.pt/POPO/configurador/cfg/page_rims/color/" + color + ".png";
return false;
}
window.onload = changeColor;

我想通过代码,你可以看到我要去哪里,但以防万一有人错过了,我希望汽车的颜色(在配置程序的第一页中选择)作为cookie传递到第二页(在第二页中,我有汽车的侧视图,而不是第一页上的3/4视图,因此,我需要第二页上的汽车颜色与第一页中选择的颜色相等)。

顺便说一句,在我的另一个问题的答案中,有一件事吸引了我,那就是关于JSON的部分,我认为我根本不使用JSON,我必须做什么才能实现它?它能让这个片段工作吗?

changeColor方法中存在脚本语法错误-".png" 之前缺少+

function changeColor() {
    var color = $.cookie('color');
    var img = document.getElementById("carro");
    img.src = "http://popo.com.pt/POPO/configurador/cfg/page_rims/color/" + color + ".png";
    return false;
}
window.onload = changeColor;

查看GitHub页面,似乎有一个路径选项限制了cookie的使用位置:

默认情况下,cookie的路径是cookie已创建(标准浏览器行为)。如果你想成功例如,可在整个域中使用路径:"/"。

试着这样设置cookie(取自他们的文档):

$.cookie('color', 'red', { path: '/' });