Как установить переменную как 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}); 
}); 

Как это сделать с помощью куки?

Answer 1

Во-первых, чтобы установить куки с помощью Javascript вы можете использовать код, изложенный в 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> 

Answer 2

Чтобы сохранить куки, вы должны задать имя и сохранить его в определенном порядке:

document.cookie = "username=John Doe";