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

时间:2017-02-14 11:34:48

标签: javascript jquery cookies translate

我翻译了一个网站,我想记住客户选择的国家/地区。这是我的代码:

 $('.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实现此目的?

2 个答案:

答案 0 :(得分:1)

要存储Cookie,您必须设置名称并将其保存为特定模式:

document.cookie = "username=John Doe";

答案 1 :(得分:1)

首先使用Javascript设置cookie,您可以使用this question中列出的代码,或者您已经在页面中包含了jQuery,您可以使用$.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>