繁体   English   中英

在HTML页面上显示来自node.js服务器的数据

[英]Displaying data from node.js server on a HTML page

我有一个带有express的node.js服务器,它包含一个POST,当填写表单以从twitter返回数据时会调用该POST。 现在POST可以按预期工作,当前我正在使用:

res.status('Tweets').send(tweettxt);

tweettxt是所有返回的tweets的对象。 现在,这仅创建了一个空白页面来显示该对象,但是有没有一种方法可以动态地将现有表单的数据添加到HTML页面中呢?

我假设您使用的是html页面,而是使用ejs模板引擎,其中使用标签显示从服务器接收的数据。 您可以通过以下方式显示数据

res.render('htmlPage',{
  tweettxt:tweettxt
});

在htmlPage.ejs中,您可以使用像<%= tweettxt %>这样的标签来显示数据。

如果您使用的是Ajax提交表单,则可以使用jquery遍历twitter响应对象,并根据您的说明在html页面中动态显示它。

您可以使用ajax进行POST,然后处理结果或在发布后呈现页面。

渲染使用服务器端把手的最简单方法。

res.header('Content-Type', 'text/html; charset=utf-8');
res.status(200).send(
    Handlebars.compile(
        fs.readFileSync(
            path.join(
                __dirname,
                'template.html'
            )
        ).toString('utf-8')
    )(tweettxt)
);

template.html:

<html>
<body>
</body>
</html>

http://handlebarsjs.com/#getting-started

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM