2012-09-04 4 views
5

가능한 중복 :
How to read and write into file using JavaScript읽기와 쓰기 JSON 파일 사용하여 자바 스크립트

은 사람이 읽고 자바 스크립트를 사용하여 파일에 쓸 수있는 샘플 코드를 제공 할 수 있습니까?

현재 json 파일에서 입력을 읽고 데이터를 편집 할 수있는 유연성을 제공하는 텍스트 상자에 표시하려고합니다. 편집 된 데이터는 json 파일에 기록되어야합니다.

+0

이 게시물 최선의 답을 제공한다 : http://stackoverflow.com/questions/585234/how-to-read-and-write-into-file-using-javascript –

+0

@ user1631651 내 아래의 답변을 참조하십시오 ... – Sark

답변

0

브라우저에 표시되는 웹 페이지에서 실행되는 JavaScript는 클라이언트 파일 시스템에 액세스 할 수 없습니다.

하지만 다음 자바 스크립트에서 JSON을 구문 분석 의미 경우에 당신은 을 API의

+0

IIS에서 html 페이지를 배포하고 url을 사용하여 파일에 액세스하면 가능합니다. ?? 그렇다면 동일한 샘플 코드를 제공 할 수 있습니까? – user1631651

+0

@ user1631651 참조하십시오. 위의 답변은 작동 샘플입니다. – Sark

0

(자바 스크립트의 어떤 파일 프로그램)을 사용할 수 없습니다 : -

  1. 당신이 구문 분석 더글러스 크록 포드 JSON lib 디렉토리를 사용할 수 있습니다 : - JSON을 .parse 방법은 링크를 참조 : - http://www.json.org/js.html

예,

var abcd= "[{"name" : "sandeep"},{"name" :"Ramesh"}]" 

abcd =JSON.parse(abcd); 

for (var index=0;index<abcd.length;index++){ 

alert(abcd[i].name); 
} 
+0

로컬 파일 시스템이나 URL을 통해 파일에 액세스 할 수있는 코드를 찾고 있습니다. 도움을주십시오. – user1631651

+0

그렇다면 파일이 서버에 있으면 jquery $ .post()를 통해 ajax를 호출하고 콜백에서 구문 분석을 수행 한 다음 조작하십시오. 그 후 다른 Ajax 호출로 서버로 보내고 서버의 원하는 위치에 저장하십시오. –

1

여기에 샘플 HTML 파일이 있습니다. 파이어 폭스가 정상적으로 작동하는지 테스트했습니다.

<!DOCTYPE html> 
<html> 
    <head> 
     <script>   
      function handleFileSelect() 
      {    
       if (window.File && window.FileReader && window.FileList && window.Blob) { 

       } else { 
        alert('The File APIs are not fully supported in this browser.'); 
        return; 
       } 

       input = document.getElementById('fileinput'); 
       if (!input) { 
        alert("Um, couldn't find the fileinput element."); 
       } 
       else if (!input.files) { 
        alert("This browser doesn't seem to support the `files` property of file inputs."); 
       } 
       else if (!input.files[0]) { 
        alert("Please select a file before clicking 'Load'");    
       } 
       else { 
        file = input.files[0]; 
        fr = new FileReader(); 
        fr.onload = receivedText; 
        fr.readAsText(file); 
       } 
      } 

      function receivedText() {   
       //result = fr.result; 
       document.getElementById('editor').appendChild(document.createTextNode(fr.result)) 
      }   

     </script> 
    </head> 
    <body> 
     <input type="file" id="fileinput"/> 
     <input type='button' id='btnLoad' value='Load' onclick='handleFileSelect();'> 
     <div id="editor"></div> 
    </body> 
</html> 
+0

JSON을 쓰는 방법을 보여주지 않습니다. –