[英]Sending JSON and HTML page together in node.js
我将HTML文件发送到node.js中的客户端,如下所示
app.get('/get', function(req, res) {
res.render(index.html);
});
在这里,index.html是指一个json文件。 如何将两者一起发送或在客户端中引用json文件?
HTTP一次仅发送一个资源。 如果您的页面正在请求JSON文件,则需要将其作为第二个请求。
或者,您可以使用<script>
块呈现HTML,该块具有以JSON编码的数据作为值的变量赋值。
如果您不想作为独立的HTTP请求从客户端请求JSON文件,则可以执行以下操作之一:
完整的服务器端渲染:
使用像胡子或把手这样的模板技术,并尝试使数据与响应内联。 例如,如果您的JSON文件返回一个名称和地址,则index.html可能如下所示:
<div>
<span>Name: {{name}} </span>
<address>Address: {{address}} </span>
<div>
然后,在渲染时,您可以将带有属性name
和address
的js对象传递给模板,而无需分别要求JSON文件。 此示例遵循小胡子准则,以防万一我不够明确。
内联对象
有点像以前的解决方案,但不太优雅,您可以将完整的JSON响应添加为带有script标记的对象,然后按您认为合适的方式使用它。 尝试像这样将块附加到index.html
HEAD上:
<script>
var myObject = <contents of your JSON object>
</script>
另一个答案仅描述了另一种可能的解决方案。
我希望这有帮助。
您不能在单个请求中发送回两种文件,但是您可以在html中进行ajax调用以获取所需的json:
<script type="text/javascript">
var json_data;
$.getJSON("URL_HERE", function(data) { json_data = data; });
</script>
或通过模板引擎将json作为javascript对象添加到html中(如下所示的jade):
script(type="text/javascript").
var json_data = #{ JSON.stringify(JSON_OBJECT_HERE) }
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.