javascript - 在我的网站中使用 localStorage 进行翻译，而不是每次再次访问该页面时加载它们

Question

我有一个函数可以从 ajax 请求将翻译加载到我的网站，但我想编写代码以便保存这些翻译，然后从 localStorage 加载它，而不是再次发出请求。

我怎样才能将它们保存到本地存储中？

Answer 1

您有多种选择。

首先，您需要认识到这里的一些陷阱。如果您告诉您的网站将翻译存储在本地存储中，那么如果将来需要更改翻译，则可能有也可能没有更新翻译的方法。另外，如果您更新网站并添加翻译，会发生什么情况？您可能会发现自己需要对本地存储中的数据进行哈希处理，只是为了询问服务器翻译是否已更改。

最强大的选择可能是将翻译作为静态数据直接注入(inject)网页。这样就不需要ajax请求了。这可能需要服务器端渲染，因此如果这不是一个选项也是可以理解的。

如果您坚持使用本地存储，请考虑以下使用相同翻译键管理多个页面的技术:

1. 对所有翻译键使用命名空间，例如page1:m姓名和第2页:m姓名。
2. 使用每页本地存储。而不是总是将每个页面的翻译保存到相同的本地存储 key 中，将每个页面放入其自己的本地存储 key

将字符串保存到本地存储的代码是:

localStorage.setItem(key, value)

并从本地存储读取 key :

localStorage.getItem(key)