javascript - 在 javascript Web 应用程序中本地存储和访问数据的最佳实践是什么?

标签 javascript json

上下文:我正在构建一个基于 SVG 世界地图上不同国家/地区着色的简单网站。目前,一切都只是在本地运行,我有一个index.html,一个app.js 文件,我在其中构建了一堆函数。但我真的很困惑应该在哪里存储数据以及如何访问它。

例如,我需要将所有国家/地区的列表存储为数组,可以将其读入 app.js 中的函数并使用。我认为 JSON 数组非常适合这种情况,但似乎您不能只访问本地 JSON 文件,必须从 Web 服务器请求它?我可以将数组作为全局变量粘贴到 app.js 的顶部,但这应该是不好的做法。

我应该有一个单独的 data.js 文件,在某个地方作为脚本调用吗?或者我需要开始使用数据库并学习一些 SQL?

最佳答案

要么从 API(您的或其他人的)获取它们,要么将它们存储在您的网页中(可能作为源 JavaScript 文件)。当国家/地区列表发生变化时更新源(这种情况并不经常发生)。有多种 API 可用于获取国家/地区列表和国家/地区数据,例如 RestCountries .

如果您想在本地存储用户创建的内容,例如要离线操作或跨浏览器 session 操作,请参阅 Web Storage Overview用于选项。

关于javascript - 在 javascript Web 应用程序中本地存储和访问数据的最佳实践是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61239402/

相关文章:

javascript - Node js - 在解决所有 promise 后发送响应

javascript - Angular js 切换事件无法正常工作

Javascript:如何提取字符串中的测量值

json - 在 Swift 中发送带有承载 token 和 json 正文的发布请求

php - 来自 PHP MySQL 结果的 jSon 对象

json - 将 hashref 传递给 sub

Javascript 在函数之前 undefined variable

javascript - 根据 1 个属性过滤对象数组,不限于文本开头

javascript - 无法在 IE 11 中获取未定义或 null 引用的属性 'style'

python - 解析 json 文件以收集数据并存储在列表/数组中