2012-12-09 120 views
4

我正在嘗試將參數從YAML文件讀入到Javascript中。有沒有好的圖書館來做到這一點?從Javascript中讀取YAML文件

我已經試過這些庫:https://github.com/nodeca/js-yamlhttp://code.google.com/p/javascript-yaml-parser/

但兩者庫只有當它被賦予一個字符串,而不是直接解析出一個.yml或.yaml的文件,它解析YAML功能。是否有解析器從文件中讀取YAML並將它們轉換爲JS對象?

+0

有關於如何在您鏈接** JS-YAML的第一個庫解析'* .yml'文件的多個實例** – jaime

回答

7

js-yaml確實。我通過谷歌搜索「node js yaml」發現了這一點,因爲從JavaScript中的文件讀取服務器端使用node.js(或類似的東西)完成,而不是從瀏覽器完成。

爲JS-YAML自述開始

用法:JS-YAML [-h] [-V] [-c] [-j] [-t]文件

位置參數:

文件的文件與文件YAML(一個或多個)

這是非常強有力的證據表明它直接做過程YAML從文件。

+0

js-yaml儘管使用了「require」調用。我對node.js或任何服務器端沒有經驗,對於這個項目,我只是尋找一個可以在瀏覽器中運行的客戶端解析器。 – nsax91

+0

我不知道讀取yaml文件的任何客戶端解決方案。我認爲你可以做的最好的結合是在客戶端JavaScript中使用文件讀取技術(參見[http:// stackoverflow。com/questions/4950567/reading-client-side-text-file-using-javascript](這個問題),然後將它們與yaml字符串解析相結合。 –

1

如果你想在網絡瀏覽器中解析它,你可以加載想要解析的yaml文件到script標籤中,並使用js代碼讀取它的內容,這會爲你提供字符串結果。如果你想在nodejs環境中解析yaml,你可以直接讀取文件,也可以獲取字符串。我不認爲這是直接解析yaml或從字符串解析yaml的問題。

5

這似乎很難找到一個從瀏覽器中使用js-yaml的好例子。可能是因爲他們強調在node.js中使用解析器。

解析器在https://github.com/nodeca/js-yaml。使用NPM安裝它

npm install js-yaml 

,並從node_modules/JS-YAML/bin目錄搶JS-yaml.js文件。

這是一個快速,簡單的演示,加載一個YAML文件,使用js-yaml將其解析爲對象,然後(用於驗證)它執行原生JSON.stringify將JSON轉換爲字符串並最終使用jquery $ .parseJSON來驗證生成的JSON。

(function() { 
"use strict"; 
    $(document).ready(function() { 
     $.get('/common/resources/LessonContentsLv01Ln01.yml') 
     .done(function (data) { 
      console.log('File load complete'); 
      console.log(jsyaml.load(data)); 
      var jsonString = JSON.stringify(data); 
      console.log(jsonString); 
      console.log($.parseJSON(jsonString)); 
     }); 
    }); 
}()); 

和HTML

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Read YAML</title> 
       <script src="//code.jquery.com/jquery-2.1.0.js"> 
     </script><script src='/vendor/js/js-yaml.js'> 
     </script><script src='/test/readYaml.js'> 
    </script> 
</head> 
<body> 
</body> 
</html> 

Github上庫https://github.com/nodeca/js-yaml

+0

+1看起來像我會這樣做,在演示文稿中顯示我的YAML筆記。 – Nikos

+0

'

  • 11. 讀取yaml文件時發生UnrecognizedPropertyException
  • 12. 使用YAMLMATLAB讀取YAML文件
  • 13. 試圖從Excel文件中讀取Javascript
  • 14. 從文件中讀取字符串:Javascript?
  • 15. 從javascript中讀取.svg文件
  • 16. 從文件中讀取變量在Javascript
  • 17. 從.yaml文件
  • 18. 使用JavaScript加載yaml文件並獲取yaml文件中的數據
  • 19. 如何在yaml文件中未聲明從yaml文件讀取的變量時引發異常?
  • 20. 在Haskell中讀取YAML
  • 21. 用PHP讀取Yaml
  • 22. JavaScript:讀取文件夾中的文件
  • 23. 從javascript文檔文件夾中讀取JSON文件
  • 24. 從本地JavaScript文件中讀取本地文本文件?
  • 25. 閱讀java中的yaml文件
  • 26. 閱讀Golang中的YAML文件
  • 27. 從jsp文件讀取json與javascript
  • 28. 使用javascript從硬盤讀取文件
  • 29. 的jQuery/JavaScript的路徑,從文件中讀取圖像/文件
  • 30. 從javascript中的文件路徑讀取本地文件