localstorage 刷新页面保存

Question

当我单击我拥有的两个按钮时，我设法将数据保存在本地存储中。 我想更改页面上的语言，但是当我刷新时，它又回到了默认状态？ 这是为什么？

$(function(){
    $(".translate").click(function(e){

        languages = e.target.value;
        $(localStorage.setItem("Language", languages));
        localStorage.getItem(arrLanguage);
    });
});

Answer 1

检查项目是否存在于本地存储中，如果它确实使用它，如果没有设置它

$(function() {
  $(".translate").click(function(e) {
    if (typeof localStorage.getItem('Language') == 'string') {
      languages = localStorage.getItem('Language');
    } else {
      languages = e.target.value;
      $(localStorage.setItem("Language", languages));
    }
  });
});

Answer 2

试试这个来实际使用它

var lang, defaultLanguage = "en_UK";
$(function(){
  $(".translate").click(function(e){
    var newlanguage = e.target.value;
    lang = localStorage.getItem("Language");
    if (lang && newlanguage && lang != newlanguage) { 
      $(localStorage.setItem("Language", newLanguage);
      location.reload():
    }
  });
  lang = localStorage.getItem("Language") || defaultLanguage;
  doSomethingToShowThePageInThisLanguage()
});