如何将js中的变量从服务器端传递到nodejs中的客户端

Question

我正在使用 pubnub 和 nodejs 为学校构建一个类似 skribble.io 的项目。 来自Guesswordpubnub的基本代码。 在 pubnub 中，我们需要为大厅之类的连接提供通道。 我在客户端脚本和我的代码中实现了 pubnub 的东西：

在服务器端“routename.js”：

router.get("/:link", function (req, res, next) {
  res.render("playground");
  var lobbyName = req.params.link;
});

现在在客户端我只是提示输入一个名字

  let lobby = prompt("Enter name of lobby");

我如何将lobbyName从服务器传递到客户端lobby

我不知道该怎么办。如果这是愚蠢的问题，请原谅

我是初学者。 只熟悉vanilla js 谢谢

Answer 1

您可以通过执行以下操作将变量直接传递到您的视图：

router.get("/:link", function (req, res, next) {
  let lobbyName = req.params.link;
  res.render("playground", {lobbyName: lobbyName});
});

Answer 2

在 routername.js 中：

router.get("/:link", function (req, res, next) {
  let lobbyName = req.params.link;
  res.render("playground", {lobbyName: lobbyName});
});

在视图playground上，我正在使用外部 js 文件，所以在脚本 src 标记之前我应该提到<script>var lobby ={{lobbyName}}</script>

所以游乐场.hbs：

<script>var lobby ={{lobbyName}}</script>
<script src="/javascripts/lobby.js" ></script>