Javascript 如何使用本地JSON文件保存图表的状态？

我可以使用从我的目录写入的JSON文件初始化我的图表。然而，我很难实现这样一个系统，即保存并持久保存对index.html（包含图表）所做的所有更改。最终目标是存储相同的数据+节点，即使index.html被刷新

在这方面，我能够收听

update

、

create

、

remove

和

delete

事件，但我不知道一旦触发这些事件，该怎么办。我应该能够用从这些事件接收到的参数直接编辑本地JSON文件。到目前为止，我可以得到参数，但我不知道如何用这些新参数更新JSON文件。在这方面的任何想法都将受到高度赞赏

下面是我的代码的外观。除了使节点+数据持久化之外，它完成了我想要的一切

getOrgChart.themes.myCustomTheme={
尺寸：[270400]，
身高：46，
文本点：[{
x:130，
y:50，
宽度：250
},
{
x:130，
y:90，
宽度：250
}
],
textPointsNoImage：[{
x:130，
y:50，
宽度：250
},
{
x:130，
y:90，
宽度：250
}
],
膨胀塌陷半径：20，
defs:“”，
框：“”，
文本：“[text]”，
图像：“”，
记者:"[记者]"
//DDD:“1”
};
$.getJSON（“http://localhost:8000/data.json，函数（源）{
var peopleElement=document.getElementById（“人”）；
var orgChart=新的getOrgChart（peopleElement{
光域：[“图像”]，
链接类型：“M”，
enableEdit:true，
enableDetailsView:false，
主题：“myCustomTheme”，
enableGridView:true，
主要字段：[“姓名”、“职务”、“电话”、“地址”]，
enablePrint：正确，
更新日期：wo，
renderNodeEvent:RenderNodeHandler，
数据源：源
});
});
函数wo（发送方，参数）{
n=args.node.data.Name
警报（n）
}
函数RenderNodeHandler（发送方，参数）{
对于（变量i=0；i

html，
身体{
边际：0px；
填充：0px；
宽度：100%；
身高：100%；
溢出：隐藏；
}
#人{
宽度：100%；
身高：100%；
}
.获取文本{
填写：#6868！重要；
}
.MyCustom主题框{
填充：#FFFFFF；
行程：#DDDAB9；
}
.记者{
填充：#0072C6；
}
.记者短信{
填充：#ffffff；
}

---

好的，因为似乎没有人回答这个问题。我将自己回答这个问题，以备将来参考

---

好的，所以我必须创建后端来处理这个问题。具体来说，我安装了

nodejs

。我使用

express.js

和

ajax

从客户端和服务器发送/接收数据。使用

getorgcharts

文档中提供的事件，即

insertNodeEvent

，

updateNodeEvent

等，我实现了CURD。在这方面，npm库

diskdb

是一个救命稻草！通过改变与客户机执行的CURD操作相关的

json

文件，可以实现持久化。服务器端代码随后会相应地添加/更新/编辑/删除

json

文件中的记录

下面的示例演示了如何更新、添加和删除我学习的nodejs服务器上的节点，它已经完成了这项工作。谢谢你的链接。