存储哈希信息以进行下拉选择

Question

我猜想我需要为此做一个cookie，但是请告诉我是否还有其他方法。 我有一个下拉菜单，该菜单使用链接元素在网站上选择一种语言，具体取决于他们选择的链接元素，然后在URL末尾附加一个哈希。 我正在寻找一种存储此选择的方法，以使选择保留在所有页面上，而不是每次刷新或离开页面时都将其重置。

这是HTML：

<div class="menu cid">
   <a href="#" title="en">United States</a>
   <a href="#" title="can">Canada</a>
</div>

和脚本：

$(document).ready(function(){ 
  if(document.location.hash == ""){ 
    location.href = location.href + "#en";
  }
});

jQuery('.menu a').on('click', function(event) {
    event.preventDefault();

    var clickedAnchor = jQuery(this),
        countryID = clickedAnchor.attr('title');

    location.href = location.href.split('#')[0] + '#' + countryID;
    location.reload();

});

var countryID = window.location.hash;
countryID = countryID.substring(1);
console.log("country code: "+countryID);

var countryID = "en";
    if (document.location.hash != "") {
       countryID = document.location.hash.substring(1);
    } 
    var map = {"en":"4242", "can":"4243"};
    cii_EmbedProductLinks('Chairs','{{ prodID }}',map[countryID], CI_LinkID);

谢谢！

Answer 1

可能的解决方案是

• Cookies-如果您需要客户端实施，请小心到期
• html5 Web存储（本地存储，会话存储） -仅限于客户端，如果您没有使用html5的限制。 我认为会话存储更适合您的情况，因为它将保留设置直到用户的会话过期。
• 服务器会话 -如果您要基于所选的值（即语言）提供内容，则更适合。 支持i18n的系统通常使用此方法，该系统需要随时在服务器和客户端都知道选择的语言。

Answer 2

我讨厌人们只粘贴链接，但是现在我只能这样做：

https://developer.mozilla.org/zh-CN/docs/Web/Guide/API/DOM/Storage#localStorage

抱歉，希望对您有所帮助！