javascript - 将数据加载到静态 html 表单页面或 XML 并使用 javascript

Question

我有一个文本数据 (CSV) 文件，需要将其转换为静态 HTML 页面以供用户查看。在 HTML 页面中，用户需要能够将数据过滤到视图中。每个 HTML 文件都将被存档。

我计划将 JavaScript 用于用户过滤功能。我计划使用 Perl 脚本将 CSV 文件转换为 HTML 文件，并在其顶部包含一个用于用户过滤器选项的表单。HTML 文件将引用 JavaScript 文件。

我的问题是：

1. 我正在考虑将数据转换为 XML。这是更好的做法吗？
2. 如果是这样，是否可以在 XML 中使用 Web 表单并运行 javascript 函数？
3. 我有一个用于 HTML 文件的 CSS。我必须对 XML 使用 XSLT 吗？
4. 有没有办法将 XML 和 HTML 组合成一个文件？这有什么好处吗？

Answer 1

您可以将 XML 用作 SOURCE 而不是 CSV，因为 XML 定义了更简洁的数据处理方式（值中的逗号、分号、' 和 "）。

如果内容是静态的，并且您将存储它，那么我建议您使用最接近最终结果的格式。那将是 HTML+JS+CSS 文件。（JS 和 CSS 可帮助您将一些重复信息排除在 HTML 之外）。

现在有一点背景。默认情况下，XML 是不可见的，您应该将它与 XSLT 文件一起使用。发生的情况是浏览器通过使用 XSLT 将 XML 转换为 HTML 来“打开”XML。在这种情况下，您需要额外的 XSLT 文件和能够运行它的客户端（现在大多数浏览器都非常擅长）。但是您只会出于三个原因使用此解决方案。1) 如果您有太多 XML 文件（已经在手边），您不想用 XSLT 处理它们并保存生成的 HTML 而不是它们，并将这种（浪费重复的）计算负担留给客户端。2) XML 文件还有其他用途。3) 生成的 HTML 比源 XML 大得多，它会带来存储问题（尽管 CSS 和 JS 文件应该足以避免这种情况）。