代码之家 › 专栏 › 技术社区 › sreepurna

使用Express发送HTML文件和数据

express node.js javascript

sreepurna · 技术社区 · 7 年前

我想使用express从服务器向客户机发送一个HTML文件和一个对象,这样当文件被加载时,它会使用ajax动态地使用对象和结构。

我知道HTML文件可以这样发送:

res.sendFile( __dirname + "/" + "main.html" )

对象为:

res.json(obj);

但是如何把它们放在一起呢?

3 回复 | 直到 7 年前

Arif Khan codemt 7 年前

简单来说,您不能同时发送JSON和HTML,因为我们需要发送 content-type 在标题中。您可以发送HTML或JSON。

另一种方法是,您可以将HTML与以下类似的其他对象一起发送到josn中

const fs = require('fs');

const html = fs.readFileSync( __dirname + '/main.html' );
res.json({html: html.toString(), data: obj});

Stefan Octavian 7 年前

有几种方法可以做到这一点。虽然不是最好的方法,但这是我在项目中使用的方法。我使用了EJS,一个强大而简单的模板引擎。

首先,使用NPM安装

npm install ejs

然后,在HTML中添加:

<html>
<body>
<script type="text/javascript">
   var obj = JSON.parse(<%= objSentFromServer %>)
   // do something with obj
</script>
</body>
</html>

服务器端:

let express = require('express')
let app = express()
let ejs = require('ejs')
let fs = require('fs')
let objectSentFromServer = ... // what you need to send

app.get('/', (req, res) => {
  fs.readFile(__dirname + '/main.html', (err, html) => {
    res.send(ejs.render(html, JSON.stringify(objectSentFromServer)))
  })
})

app.listen(8080, (err) => { console.log(err) })

当然,还有很多其他的方法。

Jacob Nelson 7 年前

您可能无法通过发送回纯HTML来实现这一点。但您应该能够使用模板化引擎来实现这一点。在模板引擎的帮助下,您应该能够呈现一个视图,并传递在该模板中使用的JSON。

参考文献: render view

如;

// pass a local variable to the view
res.render('user', { name: 'Tobi' }, function(err, html) {
  // ...
});

这是完整的清单 Template Engines 由Express JS支持

推荐文章

user433342 · 流式传输SheetJS-xlsx以在节点中形成数据

4 月前

servvs · 如何从javascript中的另一个类回调读取修改后的类属性?

5 月前

Vanortton · 使用Docker开始应用程序开发还是在开发过程中配置Docker?[关闭]

5 月前

ProfessorFinesse · 在默认表单中完成帖子请求时,“res.send”会去哪里?

5 月前

LifeAsPixels · 试图使用Node.js读取我的本地html文件时,此错误的来源是什么?

5 月前

Josue Abotsidia · 创建NextJS项目时出错

5 月前

Soon Winner · TypeError:superheroes.random在使用“超级英雄”npm包时不是函数[关闭]

6 月前

Null Salad · 如何使用postgresql和nodejs将变量安全地插入数组?

6 月前

Zak · 令牌认证路由的页面刷新重定向到React中的404页面

6 月前

DSATH · 我的lambda在代码完成之前就结束了,我不知道为什么

6 月前