如何將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>