Question

我在www.dartlang.org尝试了 Avast，Ye Pirates：编写网络应用。所以我在考虑将输入文本保存到JSON文件中。在我保存之后，我想看看我写入该文件的内容。这是如何工作的？

我有这个输入标签：

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

还有一个按钮：

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

名为'name.json'的JSON文件：

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

如果我输入另一个名称，我想将其存储到该JSON文件中。我在考虑：

使用输入标记输入另一个名称。例如：Betty Meyer。

然后我想加载文件，输出将是：

Anne Awesome


Bette队长
     贝蒂迈耶

我该怎么做？

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做什么以及你的意思＆＃39; file＆＃39;因为在浏览器中通常没有文件。

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

1 个答案: