16

我正在尝试将 YAML 文件中的参数读入 Javascript。有什么好的图书馆可以做到这一点吗？

我已经尝试过这些库：https ://github.com/nodeca/js-yaml和http://code.google.com/p/javascript-yaml-parser/

但是这两个库都只有在 YAML 以字符串形式给出时解析 YAML 的函数，而不是直接从 .yml 或 .yaml 文件中解析出来。是否有任何解析器从文件中读取 YAML 并将它们转换为 JS 对象？

4

3 回答 3

14

似乎很难找到在浏览器中使用 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

于 2014-03-26T20:08:10.410 回答
13

js-yaml可以。我通过谷歌搜索“node js yaml”找到了这一点，因为从 JavaScript 中的文件读取是使用 node.js（或类似的东西）在服务器端完成的，而不是从浏览器。

js-yaml 的自述文件开始

用法：js-yaml [-h] [-v] [-c] [-j] [-t] 文件

位置参数：

带有 YAML 文档的文件

这是一个非常有力的证据，它确实直接从文件中处理 YAML。

于 2012-12-09T07:04:27.007 回答
1

如果你想在浏览器中解析它，你可以在script标签中加载你想要解析的 yaml 文件，并使用 js 代码读取它的内容，这将为你提供字符串结果。如果你想在nodejs环境中解析yaml，你可以直接读取文件，也可以得到字符串。我不认为这是直接解析 yaml 或从字符串解析 yaml 的问题。

于 2012-12-09T11:35:05.727 回答