如何在公共 JS 文件中使用通过 Express res.render 发送的 JSON

Question

提前感谢您的帮助。我有一个问题一直困扰着我，我相信它非常简单。

在 app.get 请求中，我从 express 调用外部 api，然后使用 res.render 发送玉文件和 json。

我可以在jade文件中成功操作这些数据，并且JavaScript直接写在jade文件中。

但是，我终其一生都无法弄清楚如何从输出的 HTML 引用的 JavaScript 文件中操作此 JSON。

例如：

router.get('/dashboard', function (req, res, next) {

  // Call the external api and get data.
  // Parse the data

  res.render('dashboard', {
      data: data
  });

});

dashboard.jade 文件然后使用这些数据来做一些很酷的事情。

if #{data.isNew} === true {do cool stuff}

我还编写了一些将这些数据直接用于dashboard.jade 文件本身的JavaScript。但是，我更愿意在从 Jade 文件引用的名为 scripts.js 的文件中编写和使用这个 JavaScript。

script(src='scripts.js')

我无法访问这些数据 - 我尝试了多种语法来尝试让它工作，但失败了。

我的问题是，我如何将已经 res.rendered() 的 JSON 用于从该渲染视图引用的 JS 文件中的视图？

Answer 1

您需要在dashboard.jade 中声明一个变量，然后使用interpolation 将数据输出为字符串：

 script.
   var myData = #{JSON.stringify(data)};

Jade 引擎会将其作为有效字符串输出，然后该页面上加载的任何脚本都可以使用该字符串。