用JavaScript更新JSON数据

我一直在通过获取json数据来创建动态手风琴。 我已经实现了它，它按预期工作，代码如下：

小提琴： jsfiddle.net/xg7cr0g4/68/

但是，在这个阶段，我想编辑accordion header（formationName），一旦我点击刷新按钮，它应该更新json字符串。 我无法弄清楚如何处理这个问题。

$("#refresh").click(function(){ $( '.formationName' ).on( 'change', function(){ var text=myData.offsetFormations[0].val(); myData.offsetFormations[0]["formationName"]=text; json = JSON.stringify(jsonString); alert( jsonString ); }); }); 

顺便说一句，我最近开始进行Web开发。

Answer 1

当jQuery change事件的值发生更改时，您可以检测输入字段的更改。

 $( '.myElement' ).change(function(){ // Your Handler } ); 

http://api.jquery.com/change/

字段更改后，您可以使用点表示法更新指定的formationName 。

 myObject[ 'key' ] = 'New Value'; 

然后，您可以使用JSON.stringify()将对象重写为JSON格式的String。

 jsonString = JSON.stringify(myObject); 

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify

这是一个工作小提琴：

http://jsfiddle.net/ukgq2fsw/