如何保存設置了變量值的js文件？

Question

我是初學者，所以我缺乏適當的詞匯來清楚地表達我想嘗試的東西——或者搜索它以便找到正確的答案。 但我會嘗試解釋：

我有一個簡單的 javascript 應用程序，它有一堆變量，這些變量通過 jQuery ajax 填充來自數據庫的值，具體取決於初始用戶選擇。 現在，一旦應用程序正確加載了從數據庫中檢索到的所有值，我想將其保存在這個 state 中以供離線使用。

如果我硬編碼所有變量值，應用程序在沒有 inte.net 訪問的情況下也能正常工作，但由於它們取決於用戶在開始時的選擇，所以這不是一個真正的選擇。 所以我想，也許我可以將加載的 state 保存為 js 文件。 有這樣的技術嗎？

我的后備解決方案是在用戶單擊“下載供離線使用”后，在 php 中進行艱苦的工作。 就像將 js 文件的副本保留為帶有變量值占位符的字符串，然后在用戶做出初始選擇后將其替換為數據庫中的值。 但老實說，我覺得必須有一個更優雅的解決方案。

Answer 1

在瀏覽器 Javascript 中，出於安全原因，您不能保存文件。 然而，有一個名為localStorage的 API 允許您在瀏覽器中存儲持久信息。 您可以將所有變量放在一個 Object 中，將其字符串化為 JSON，然后將其保存在 localStorage 中，然后通過解析 JSON 來檢索它們：

// saving variables
var myVariables = {a: 1, b: "foo", c: [4, 5, 6]};
localStorage.setItem("vars", JSON.stringify(myVariables));
// retrieving variables
var retrievedVariables = JSON.parse(localStorage.getItem("vars"));
console.log(retrievedVariables.b); // "foo"