2014-05-21 2 views
0

시도해 보았습니다. 해적 : 예 웹 사이트를 작성하십시오.www.dartlang.org에서 작성하십시오. 그래서 입력 텍스트를 JSON 파일에 저장하려고 생각했습니다. 그리고 내가 그것을 저장 한 후에 나는 내가 그 파일에 쓴 것을보고 싶다. 이게 어떻게 작동합니까?입력 양식의 데이터를 다트를 사용하여 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", 
    ]} 

내가 다른를 입력하면 name이 파일을 JSON 파일에 저장하려고합니다. 나는 다음을 생각하고 있었다 :

입력 태그에 다른 이름을 입력한다. 예 : Betty Meyer.

는 그럼 난 파일을로드 할 출력은 다음과 같습니다

앤 굉장

베티 선장

베티 마이어에게

을 내가 할 수있는 방법 이?

답변

2

파일을 데이터 구조로 읽고 값을 추가 한 다음 데이터 구조에서 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 수행 할 작업 모르고 당신이 '파일'로 의미하기 때문에이 부하를 생략 .

+0

그 json 파일에 입력 텍스트를 저장하려고합니다. 그리고 나서 json 파일에 저장된 내용을보고 싶습니다. – user2398664

+0

'그 json 파일'은 무엇을 의미합니까? JSON 값을 포함하는 변수를 의미한다고 생각합니다. 이 경우 나의 예는 당신이 원하는 것을해야한다. 오류가 발생하면 의견을 추가하면됩니다. –

+0

나는 name.json이라는 json 파일을 가지고있다. 이 파일에는 이미 { "이름": [ "Anne", "Bette",], "명칭"이 있습니다. [ "Awesome", "Captain", }}; 이제 입력 텍스트 값으로 더 많은 이름을 그 안에 저장하려고합니다. – user2398664

관련 문제