javascript - 在node.js中一起发送JSON和HTML页面

Question

我正在将 HTML 文件发送到 node.js 中的客户端，如下所示

app.get('/get', function(req, res) {
    res.render(index.html);
});

这里，index.html指的是json文件。如何将两者一起发送或在客户端引用 json 文件？

Answer 1

如果您不想将 JSON 文件作为独立的 HTTP 请求从客户端请求，您可以执行以下操作之一:

完整的服务器端渲染:

使用类似 moustache 的模板技术或handlebars ，并尝试呈现与响应内联的数据。例如，如果您的 JSON 文件返回名称和地址，则 index.html 可能如下所示:

<div>
  <span>Name: {{name}} </span>
  <address>Address: {{address}} </span>
<div>

然后，在渲染时，您可以将具有属性 name 和 address 的 js 对象传递给模板，而无需单独请求 JSON 文件。这个例子遵循 mustache 准则，以防万一我不够明确。

内联对象

有点像之前的解决方案，但不太优雅，您可以将完整的 JSON 响应添加为脚本标记内的对象，然后按照您认为合适的方式使用它。尝试将一个 block 附加到 index.html 的 HEAD 中，如下所示:

<script>
   var myObject = <contents of your JSON object>
</script>

另一个可能的解决方案刚刚在另一个答案中描述过。

我希望这会有所帮助。