在 javascript web 應用程序中本地存儲和訪問數據的良好做法是什么？

Question

背景：我正在建立一個基於 SVG 世界 map 不同國家顏色的簡單網站。 目前，一切都只是在本地運行，我有一個 index.html，一個 app.js 文件，我在其中構建了一堆函數。 但是我真的很困惑我應該在哪里存儲數據以及我應該如何訪問它。

例如，我需要將所有國家/地區的列表存儲為數組，可以將其讀入 app.js 中的 function 並使用。 我認為這是 JSON 陣列非常適合的事情，但似乎您不能只訪問本地 JSON 文件，它必須從 Z2567A5EC9705EB7AC2C984033E061 服務器請求？ 我可以將數組作為全局變量粘貼到 app.js 的頂部，但這應該是不好的做法。

我應該有一個單獨的 data.js 文件，在某處被稱為腳本嗎？ 還是我需要開始使用數據庫並學習一些SQL？

Answer 1

從 API（您的或其他人的）獲取它們，或者將它們存儲在您的 web 頁面中（可能作為來源的 JavaScript 文件）。 當國家/地區列表發生變化時更新來源（這種情況並不經常發生）。 有多種 API 可用於獲取國家列表和國家數據，例如RestCountries 。

如果您想在本地存儲用戶創建的內容，例如離線操作或跨瀏覽器會話操作，請參閱Web 存儲概述以獲取選項。