我对此完全迷失了;我正在使用NodeJS来获取JSON,我需要将变量传递给我的页面并让JavaScript使用数据。
app.get('/test', function(req, res) { res.render('testPage', { myVar: 'My Data' });
那就是我的Express代码(出于测试目的非常简单);现在使用EJS,我想收集这些我知道要呈现在页面上的数据,
<%= myVar %>
但是我需要能够在JavaScript中收集这些数据(如果可能在.js文件中),但现在只是在我尝试过的“警告”框中显示变量
在翡翠中就像alert('!{myVar}')或!{JSON.stringify(myVar)}。我可以在EJS中做类似的事情吗?我不需要像<input type=hidden>javascript 这样的字段并采用该字段的值。如果有人可以帮助,不胜感激
alert('!{myVar}')
!{JSON.stringify(myVar)}
<input type=hidden>
您可以使用此(客户端):
<script> var myVar = <%- JSON.stringify(myVar) %>; </script>
您还可以使用EJS渲染.js文件:
.js
app.get('/test.js', function(req, res) { res.set('Content-Type', 'application/javascript'); res.render('testPage', { myVar : ... }); });
但是,模板文件(testPage)仍需要具有.html扩展名,否则EJS将找不到它(除非您另行告诉Express)。
testPage
.html
正如@ksloan在评论中指出的那样:您必须小心myVar包含的内容。如果其中包含用户生成的内容,则可能会使您的网站保持打开状态,以进行脚本注入攻击。
myVar
防止发生这种情况的可能解决方案:
<script> function htmlDecode(input){ var e = document.createElement('div'); e.innerHTML = input; return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue; } var myVar = JSON.parse(htmlDecode("<%= JSON.stringify(myVar) %>")); </script>