javascript - 如何将 JSON 对象传递给 EJS 中的内联 javascript

Question

我只想将 EJS 对象发送到 javascript 函数。我已经尝试过下面的代码，但它不起作用。

<% books.forEach(function(book){ %>
    <button onclick="getBookDetails(<%=book %>);" > <%=book.name %></button>
  <% }); %>

我的 JavaScript 代码是

function getBookDetails(book){
   //using book object
}

我也尝试过以下内容。但没有帮助。 getBookDetails(<%=JSON.stringify(book) %>);

请帮我找出错误。

Answer 1

您应该用单引号将 ejs 的“字符串化”值括起来，如下所示 '<%= JSON.stringify(book) %>':

<% books.forEach(function(book){ %>
    <button onclick="getBookDetails('<%= JSON.stringify(book) %>')"><%= book.name %></button>
<% }) %>

在JS函数内部，首先解析它:

function getBookDetails(bookString){
   let book = JSON.parse(bookString)
   // now you can use the book object
}