javascript - 如何通过 ejs 向 Javascript 传递数组值？

Question

我正在使用 JavaScript 通过 ejs 传递一个数组。我可以获取 ejs 中的值，但不能从 JavaScript 中获取。以下是更多信息。

Node .js

FileTypes = {"application/octet-stream":20,
                 "audio/mpeg":12,
                 "text/html" :71}
res.render('index.ejs', {FileTypes: JSON.stringify(FileTypes)});

索引.ejs

 <script type="text/javascript">

   var FileTypes =  <%=FileTypes%>;
   //Error message on the console - Uncaught SyntaxError: Unexpected token & 

 </script>

有什么想法吗？

Answer 1

使用 <%= %> EJS 中的标记将转义输出，因此 {"application/octet-stream": ... }正在变成 {"application/octet-stream": ... } ，导致 JavaScript 如下所示:

<script type="text/javascript">                                                                                                                                          
  var FileTypes = {&quot;application/octet-stream&quot;:20,&quot;audio/mpeg&quot;:12,&quot;text/html&quot;:71};
</script>

因此，您可以看到“Unexpected token &”的来源。解决方案是使用 <%- %>标签，不会转义输出:

<script type="text/javascript">
  var FileTypes = <%- FileTypes %>;
  //      here -----^
</script>

...并且会给你你想要的:

<script type="text/javascript">                                                                                                                                          
  var FileTypes = {"application/octet-stream":20,"audio/mpeg":12,"text/html":71};
</script>