javascript - 访问 Javascript 文件中传递的 EJS 变量

Question

RESTful 路由 js 文件:

// index route - show all todos
router.get("/", middleware.isLoggedIn,function(req,res) {
  Todo.find({ "author.id" : req.user._id}, function(err, allTodos) {
    if(err) {
      console.log(err);
    } else {
      res.render("todo/index", {todos: allTodos});
    }
  });        
});

我的 index.ejs 文件有:

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

在 body 标签的末尾，我想访问我的 todoCalendar.js 文件中传递的变量 todos。 我试着把

<script>
  var x= <%= todos %>
</script>

但是当我尝试在我的 todoCalendar.js 文件中执行 console.log(x) 时，它说 x 未定义。

非常感谢任何帮助。

Answer 1

解决问题的三种方法...

1. 变体

   <script>
       var x = "<%= todos %>";
       console.log(x); 
   </script>
   

2. 变体

   <script>
       var x = "<%- todos %>";
       console.log(x); 
   </script>
   

3. 变体 [XD]

   HTML:

   <p id="yy" style="display:none"><%= todos %></p>
   

   Javascript:

   <script>
       var x = document.getElementById("yy").innerText;
       console.log(x); 
   </script>