如何将数据从Node.JS传输到ExpressJS html?

时间:2018-08-30 23:53:17

标签: json node.js express

我刚开始学习JavaScript,Node.JS和HTML。计划使用ExpressJS显示内容,如下所示:

`var app = express();

app.use(express.static(__ dirname +'/ public'))`

我希望将JSON格式的数据发送到HTML页面,并希望用户能够向API发出请求(返回更多JSON格式的数据,是的)并显示结果-如果可能的话,无需重新加载页面。

正如我所说的,我对此很陌生-因此,任何资源或提示都将不胜感激。

在一个旁注中,我试图留在NodeJS上,因为以后我想访问MySQL数据库。

1 个答案:

答案 0 :(得分:0)

这是一个非常笼统的问题,但这是一些信息,可帮助您朝正确的方向入门。

  1.   

    计划使用ExpressJS显示内容,如下所示:   var app = express(); app.use(express.static(__dirname + '/public'))

好的,但这并不能解释您将如何提供内容。如果您仅使用Express来提供静态文档,那么这将起作用。可能值得您花时间开始使用诸如EJSJade之类的视图引擎。 EJS通常更容易学习,因为它没有特殊的语法,您只需将普通的javascript包装在<% %>标记中。有关使用这两种视图引擎的大量教程。

  1.   

    我想将JSON格式的数据发送到HTML页面

如果您要发送静态内容,则只需做fetch requestxhr request。我建议先熟悉提取,因为使用它通常比xhr容易。

有了从该获取请求中返回的承诺,您就可以在信息中进行一些javascript循环,并使用document.createElement()insertBefore()创建HTML元素。使用此方法不需要刷新页面。

当然,这就是您使用Vanilla JS的方式,对于这样的事情,不需要做得更大。但是最终,使用React这样的库来创建SPA变得更加容易。

  1.   

    我想稍后再访问MySQL数据库。

现在学习如何将json呈现到页面中可能会简化此步骤,因为Node Mysql驱动程序由于其查询结果而返回了一个普通的javascript对象,可以使用以下几行内容轻松地将其发送给客户端的res.send(JSON.stringify(results)


关于这些主题,有许多教程和github回购。我建议您在潜入之前进行一些研究,但这都取决于您花费多少时间编写代码和调试。