javascript - 如何读取和写入外部json文件?

标签 javascript json

有人知道如何使用 native JavaScript 读取和写入外部 JSON 文件吗?

我们正在创建某种 Web 应用程序,它允许我使用 2d 拖放功能创建布局。现在,我主要担心的是我需要在外部 JSON 文件中插入 HTML 元素引用。 我成功地创建了我的布局等,但是如果我刷新我的页面,我的设计自然会消失,因为我在我的网络应用程序上没有使用后端。我们被告知必须使用外部 JSON 文件来完成此操作。

我确实知道我们必须将所有 html 元素保存在 JSON 文件中,并且创建这些元素的引用几乎不成问题。但是对外部 JSON 文件的读写让我很困扰。如果有一种使用原生 JS 的方法那就太好了,但我们没有被告知使用其他语言或上标。

最佳答案

无法通过 JavaScript 写入外部文件。不过,HTML5 带来了 localStorage,可以容纳 stringinteger 的存储。我们知道 JSON 可以从 JavaScript 对象序列化,而 JavaScript 对象也可以从 JSON 字符串序列化。

因此,您可以将数据保存到 localStorage 中,并随时进行序列化:

var obj = {"audi": "r8", "color": "black"};

localStorage.setItem('myStorage', JSON.stringify(obj));

并稍后检索对象

var obj = JSON.parse(localStorage.getItem('myStorage'));

关于javascript - 如何读取和写入外部json文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41634057/

相关文章:

javascript - 如何将输入值添加到数组中

javascript - 在cocoa webview中调用网页的Javascript函数

javascript - 如何从异步调用返回响应?

python - 使用 Python 从 JSON 中获取最后一个元素

arrays - 解析服务器发送的数组/slice

javascript - 从对象数组中获取键值

javascript - JSON 对象根据位置返回值

php - 链式选择问题

javascript - 如何在 vue.js 中获取 refs 数组?

javascript - 扩展根 vue 实例