javascript - 如何修复 Handlebars 中的前端 javascript 从服务器捕获未定义的值？

Question

我在后端有一个 JSON 对象，我想将其发送到前端 javascript。但是在尝试访问该变量时，我经常遇到“未定义”。

candidates 是 json 对象，在服务器端运行良好。

这是我的服务器端代码。

res.render('electionview',{title: 'Election', poll: poll, data: JSON.stringify(candidates) });

这是我在 Handlebars 中的脚本

<script type="text/javascript">
var candidates = {{{data}}};
console.log(candidates);
<script>

但我在控制台中收到此错误。

Uncaught SyntaxError: Unexpected token ';'

当我删除分号时，控制台中的输出是未定义。我错过了什么？

Answer 1

服务器端:

let obj = {};
obj.title = 'Election';
obj.poll = poll;
obj.data = candidates;
res.render('electionview', obj);

我假设渲染函数已经知道如何将对象作为 JSON 提供，因此不需要 JSON.stringify 任何东西。

然后，在客户端，JSON.parse() 上面的对象整体。之后，它应该有一个 data 属性，您可以根据需要使用它。