javascript - 在 cookie 中保存用户决策
问题描述
我的网站上有一个弹出窗口,通知您有关 cookie 的信息。可以查看供应商列表并接受每个供应商。弹出窗口有两个按钮:接受和拒绝。如何将用户的决定(包括接受的供应商)保存(接受或拒绝)为一个 cookie?供应商数据取自 json。
解决方案
如果您正在开发一个使用 cookie 的网站,您应该设置 2 个功能,一个用于设置 cookie,一个用于通过名称获取它们。
function getCookie(cname) {
var name = cname + "=";
var decodedCookie = decodeURIComponent(document.cookie);
var ca = decodedCookie.split(';');
for(var i = 0; i <ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+ d.toUTCString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
现在你可以设置一个像“preferences”或任何其他的cookie:
let cookiePref = "accepted"; //Or bool, or int
let daysToExists = 31; //how many days cookie will be valid
setCookie('cookiePreference', cookiePref, daysToExists);
Cookie 将命名为“cookiePreference”,值为字符串“accepted”,有效期为 31 天
然后,您可以检索它:
pref = getCookie('cookiePreference');
如果它是一个字符串,要检查 cookie 是否存在,你可以这样做
pref = getCookie('cookiePreference');
if (pref.length > 0) {
// Cookie is setted
}
这样,您也可以在javascript中设置cookie并在php中返回(作为不安全值),反之亦然(作为安全值)
推荐阅读
- css - Angular Material 图标按钮格式
- regex - 使用正则表达式提取具有特定模式的第一行
- python - 如何过滤 pydatatable 列中的 NA 值?
- javascript - 将带有js结果的jsp注入html>body>div
- rust - 除非我使用临时变量,否则为什么我不能推入 Vec 的 dyn Trait?
- c++ - 如何在 C++ 的 main 函数中输出两个新字符串?
- javascript - 使用超链接仅显示某些表格行
- python - 信号压缩技术
- snakemake - 在集群和本地执行的蛇形列表规则
- flutter - 如何通过检测用户居住的国家/地区来集成货币转换器功能