因此,我知道为了将根目录中的JSON文件转换为可用的对象/变量,我必须使用Node。在Node中解析JSON文件后,如何在javascript文件中使用它?我的JSON文件包含项目列表。我想使用javascript创建一个函数,该函数将使用JSON文件中的信息来创建HTML列表。我可以处理制作HTML列表的javascript函数。我只是似乎无法弄清楚如何使JSON文件成为可在我的javascript文件中访问和迭代的对象/变量。
让我们看一下这是如何工作的基础知识,然后解释您的选择。
<script>
标签或<img>
标签),则在HTML解析过程中发现这些标签后,浏览器href
将从这些标签中获取,然后向服务器发送请求以获取这些资源。<script>
标签,它将运行该Javascript,对于<img>
标签,将显示图像)。因此,您的服务器上有一些JSON,听起来您希望当用户请求特定的URL时在浏览器中显示该数据的HTML表示。
有两种不同的方法可以做到这一点:
选项#1-服务器端模板
首先(可能是最常见的)是您将读取JSON并将其解析到服务器上,因此现在您可以在node.js服务器中以Javascript对象形式使用它。您可以在服务器启动时执行一次此操作,然后将结果保存到node.js服务器中的Javascript变量中,也可以根据需要在请求处理程序中执行此操作。假设现在位于名为的变量中myData
。
然后,您可以将该Javascript对象中的数据与HTML模板文件和模板呈现引擎结合在一起。模板引擎专门设计用于采用模板定义,并将其与数据结合以生成HTML。它可以执行将数据数组转换为HTML行的操作。您可以使用由您选择的特定模板引擎定义的特殊指令创建HTML模板。在node.js中使用的一些常见HTML模板引擎是Jade,Handlebars,Pug,Ejs,Nunjucks等。一旦设计了适当的模板并在Express服务器中注册了模板引擎,就可以调用res.render()
模板文件和数据并将其传递给它。
res.render("myTemplate", myData);
这将从模板以及数据生成HTML,并响应传入的HTTP请求发送该HTML。每个特定的模板引擎都会向您显示有关如何构造其模板以及如何将数据放入模板的更多详细信息。每个模板引擎的语法都不同,但是概念上相同。
选项#2-发送Javascript数据,在客户端上构建DOM
第二种选择是获取您的JSON数据,并将其插入到网页中的脚本文件中。由于JSON文本格式是Javascript的子集,因此可以将其直接插入脚本文件并分配给该网页中的变量。这将使您可以通过客户端Javascript直接访问数据,然后可以生成所需的任何HTML并将其插入DOM。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句