json - 使用Dart将输入表单中的数据存储到JSON中

Question

我已经尝试过 Avast，Ye Pirates:从www.dartlang.org编写一个Web应用程序。所以我在考虑将输入文本保存到JSON文件中。保存后，我想看看我已经写入该文件了。这是如何运作的？
我有这个输入标签:

  <div>
    <input type="text" id="inputName" maxlength="15">
   </div>

和一个按钮:

<button id="generateButton" >Enter a name!</button>

JSON文件名为“name.json”:

 { "names": [ "Anne", "Bette",],
    "appellations": [ "Awesome", "Captain",
    ]}

如果输入其他名称，则要将其存储到该JSON文件中。我在想:
使用输入标签输入其他名称。例如:Betty Meyer。
然后我想加载文件，输出将是:

Anne Awesome

Bette Captain

Betty Meyer

我怎样才能做到这一点？

Answer 1

我将文件读入数据结构，添加值，然后从数据结构生成JSON。

import 'dart:html';
import 'dart:convert';

var json = { "names": [ "Anne", "Bette",],
"appellations": [ "Awesome", "Captain",
]};

void main() {
  querySelector('#generateButton').onClick.listen(clickHandler);
}

void clickHandler(e) {
  var file = JSON.encode(json);
  var data = JSON.decode(json);
  data[names].add((querySelector('#inputName') as dom.TextInputElement).value);
  file JSON.encode(data);
  data['names'].forEach(print);
}

我省略了文件的加载/保存，因为我不知道您实际上想用JSON做什么，也不知道"file"是什么意思，因为在浏览器中通常没有文件。