如何将我的字符串化对象发送到 html 正文
Posted
技术标签:
【中文标题】如何将我的字符串化对象发送到 html 正文【英文标题】：how do I send my stringified object to html body 【发布时间】：2020-01-29 05:25:53 【问题描述】：我使用res.write() 方法向客户端发送html 文件。我还想发送一个object 附加到这个html。
我尝试stringify 那个对象并像我写html 文件一样写它，但是当我这样做时，我的字符串化json object 仍然在html 之外。我需要那个json对象在html里面，所以我可以用客户端js文件解析它。
我应该如何解决这个问题？
我尝试将其作为Json object 发送。但我无法通过html 获得它。
app.get('/uniform', (req,res) =>
fs.readFile('uniformflowindex.html', function(err, data)
var channelobj = JSON.stringify(channel);
res.write(data);
res.write("<div id='objectstring'>" + channelobj + "</div>");
res.end('');
);
);
它给出了输出：
<html>
...
my html file
...
</html>
<div id='objectstring'>"_events":,"_eventsCount":0,"Discharge":20,"FlowDepth":5.......</div>
我只希望这个div 出现在html 文件中..
【问题讨论】：
【参考方案1】：您可以在 html 代码中使用通配符，然后将通配符替换为您的 div 内容。
例如：
<html>
...
my html file
...
[[wildcard]]
</html>
然后使用：
app.get('/uniform', (req,res) =>
fs.readFile('uniformflowindex.html', function(err, data)
var channelobj = JSON.stringify(channel);
res.write(data.replace('[[wildcard]]', "<div id='objectstring'>" + channelobj + "</div>"));
res.end();
)
);
或者可能不在您的 html 中添加通配符，而只需用您的内容 + 结束标签本身替换您的结束标签之一，例如 <\body> 或 <\html>...
app.get('/uniform', (req,res) =>
fs.readFile('uniformflowindex.html', function(err, data)
var channelobj = JSON.stringify(channel);
res.write(data.replace('</body>', "<div id='objectstring'>" + channelobj + "</div></body>"));
res.end();
)
);
【讨论】：
感谢您的意见。这很有意义。但是 node js 不能用 data.replace 方法编译。它需要一些 npm 吗？ （TypeError：data.replace 不是函数） 如果其他人遇到这个问题，上面的答案很完美。只需将 data.replace 更改为 data.toString().replace。【参考方案2】：HTML 文件：
<html>
...
content
...
</html>
你的代码：
app.get('/uniform', (req,res) =>
fs.readFile('uniformflowindex.html', function(err, data)
var channelobj = JSON.stringify(channel);
data = data.replace(' content ', "<div id='objectstring'>" + channelobj + "</div>");
res.end(data);
)
);
【讨论】：
以上是关于如何将我的字符串化对象发送到 html 正文的主要内容，如果未能解决你的问题，请参考以下文章
如何发送纯 JSON 对象（位于模型对象内）以在 Spring Boot 中查看？
如何使用 Postman 将 JSON 对象作为 JSON 字符串发送？