将数据从后端发送到前端公共 Javascript 文件

问题描述

我想将数据从后端发送到前端公共 javascript 文件。我知道使用 ejs，但我有一个专用的 javascript 文件，我想将数据发送到该文件。

这是我的后端 nodejs 代码：

router.get('/',isAuth,function (req,res) {
User.find({ id: req.user[0].id }).populate("tweets").populate("tags").exec(function (err,user) {
    res.render("dashboard",{user: user});
    // res.send(user);
});
});

这是我在 body 标记结束前从dashboard.ejs 调用脚本文件的方式：

<script src="/dashboard/scripts/script.js"></script>

这是我想要存储从后端发送的数据的地方。

const ext = data_from_backend

我一直在尝试很多，但无法找到解决方案。

解决方法

您可以尝试将对象转换为字符串，然后将其传递给脚本标记。 然后您可以解析该字符串，将其转换为和对象，然后将其存储为全局变量。 其他脚本标签应该能够访问全局变量。

将您的节点 js 文件更改为：

res.render("dashboard",{user: JSON.stringify(user)});

在您的 .ejs 文件中，在您的 <script src="/dashboard/scripts/script.js"></script> 之前添加一个脚本标记：

<script>
    const str = "<%= name %>";
    const obj = str.replace(/&#34;/gi,'\'');
</script>

现在你可以在其他脚本标签中使用 obj

<script>alert(obj);</script>

,

所以，我解决了问题的核心，但也从这里的答案中获得了帮助。这是我所做的。我首先使用 JSON.stringfy() 将对象转换为字符串，然后将其发送到前端脚本，然后使用 JSON.parse() 再次将其转换。但是，由于嵌入代码中的“/”（斜杠），我收到了 JSON code 'T' 错误，因此我不得不将嵌入代码更改为前端脚本中处理的其他内容。