如何将变量设置为 Cookie (javascript)

Question

我翻译了一个网站，我想记住客户选择了哪个国家。这是我的代码：

 $('.set_nl').click(function(){
   var translator = $('body').translate({lang: "nl", t: dict}); 
 });

 $('.set_de').click(function(){
   var translator = $('body').translate({lang: "de", t: dict}); 
 });

 $('.set_en').click(function(){ 
   var translator = $('body').translate({lang: "en", t: dict}); 
 });

如何使用 cookie 实现此目的？

Answer 1

要存储 cookie，您必须设置一个名称并将其保存为特定模式：

document.cookie = "username=John Doe";

Answer 2

首先要使用 Javascript 设置 cookie，您可以使用 this question, or as you have already included jQuery in the page you can use the $.cookie library 中概述的代码。

从那里您可以在做出选择时设置值，然后在页面加载时检索该值以设置用户之前设置的语言。

另请注意，您可以使用 data 属性干掉设置语言的按钮上的多次单击处理程序。试试这个：

$('.lang').click(function() {
  var lang = $(this).data('lang');
  var translator = $('body').translate({
    lang: lang,
    t: dict
  });
  $.cookie('lang', lang);
});

// on load
$('body').translate({
  lang: $.cookie('lang'),
  t: dict
});

<a href="#" class="lang" data-lang="nl">NL</a>
<a href="#" class="lang" data-lang="de">DE</a>
<a href="#" class="lang" data-lang="en">EN</a>

如何将变量设置为 Cookie (javascript)

How to set a variable as Cookie (javascript)

javascript

cookies

jquery

translate