我刚开始学习JavaScript,Node.JS和HTML。计划使用ExpressJS显示内容,如下所示:
`var app = express();
app.use(express.static(__ dirname +'/ public'))`
我希望将JSON格式的数据发送到HTML页面,并希望用户能够向API发出请求(返回更多JSON格式的数据,是的)并显示结果-如果可能的话,无需重新加载页面。
正如我所说的,我对此很陌生-因此,任何资源或提示都将不胜感激。
在一个旁注中,我试图留在NodeJS上,因为以后我想访问MySQL数据库。
答案 0 :(得分:0)
这是一个非常笼统的问题,但这是一些信息,可帮助您朝正确的方向入门。
计划使用ExpressJS显示内容,如下所示:
var app = express(); app.use(express.static(__dirname + '/public'))
好的,但这并不能解释您将如何提供内容。如果您仅使用Express来提供静态文档,那么这将起作用。可能值得您花时间开始使用诸如EJS或Jade之类的视图引擎。 EJS通常更容易学习,因为它没有特殊的语法,您只需将普通的javascript包装在<% %>
标记中。有关使用这两种视图引擎的大量教程。
我想将JSON格式的数据发送到HTML页面
如果您要发送静态内容,则只需做fetch request或xhr request。我建议先熟悉提取,因为使用它通常比xhr容易。
有了从该获取请求中返回的承诺,您就可以在信息中进行一些javascript循环,并使用document.createElement()
和insertBefore()
创建HTML元素。使用此方法不需要刷新页面。
当然,这就是您使用Vanilla JS的方式,对于这样的事情,不需要做得更大。但是最终,使用React这样的库来创建SPA变得更加容易。
我想稍后再访问MySQL数据库。
现在学习如何将json呈现到页面中可能会简化此步骤,因为Node Mysql驱动程序由于其查询结果而返回了一个普通的javascript对象,可以使用以下几行内容轻松地将其发送给客户端的res.send(JSON.stringify(results)
。
关于这些主题,有许多教程和github回购。我建议您在潜入之前进行一些研究,但这都取决于您花费多少时间编写代码和调试。