2012-09-04 44 views
5

可能重複:
How to read and write into file using JavaScript讀寫JSON文件使用JavaScript

有誰能夠提供的示例代碼讀取和使用JavaScript編寫成文件?

目前我正在嘗試從json文件中讀取輸入並將其顯示在提供用戶編輯數據的用戶靈活性的文本框中。編輯過的數據必須寫入json文件。

+0

這個職位應該爲你提供最好的答案: http://stackoverflow.com/questions/585234/how-to-read-and-write-into-file-using-javascript –

+0

@ user1631651請參閱我的下面的答案,這是一個工作示例.. – Sark

回答

0

在瀏覽器中顯示的網頁中運行的JavaScript無法訪問客戶端文件系統。

但是你可以使用API​​的

+0

是否有可能,如果我在IIS中部署html頁面並使用url訪問該文件.. ??如果是,是否可以提供相同的示例代碼... – user1631651

+0

@ user1631651請參閱我上面的答案,這是一個工作示例.. – Sark

0

(在JavaScript中沒有文件編程) 如果你的意思是在JavaScript解析JSON則: -

  1. 可以使用道格拉斯Crockford的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

我正在尋找一個代碼,可以訪問文件..無論是在本地文件系統或通過網址..請幫助。 – user1631651

+0

好吧,如果你的文件在服務器上,然後通過jQuery $ .post()進行ajax調用,並在回調中進行解析,然後對其進行處理。之後,通過另一個Ajax調用將其發送到服務器,並將其保存在服務器中的所需位置。 –

1

這裏是示例html文件,我已經測試它與Firefox正常工作。

<!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 –