使用 jQuery 和 Jade答案

【问题标题】：using jQuery with Jade使用 jQuery 和 Jade
【发布时间】：2015-06-04 15:39:30
【问题描述】：

我目前正在开发一个使用 Jade 作为模板引擎并使用 Express 将数据传递给 Jade 的 Web 应用程序。

假设我要传递变量“book”

res.render('book_detail',{book: book});

我想使用 jQuery（我的前端 jQuery 位于外部 main.js 文件中）而不是使用 Jade 来访问书中的详细信息，例如 book.author、book.pages 等。我怎样才能做到这一点？

我已经尝试过其他人建议的各种方法，例如 var myBook = !{JSON.stringify(book)} 或使用脚本将其设置为 javascript 变量。 Jade 中的语法，我什至无法使用输出来执行 console.log！

请帮我解决这个问题，因为我整天都被这些问题困扰着，而且似乎在 Jade 和 jQuery (Javascript) 之间共享一个 express 变量很难实现......

【问题讨论】：

【解决方案1】：

在你的 Jade 文件中，你可以放：

script.
    var book = '#{book}'
script(src='someFile.js')

现在，在 someFile.js 中，您可以像使用普通变量一样使用 book：

$(document).ready( function() {
    console.log(book.title);
});

【讨论】：

【解决方案2】：

试试看

- var j = 'var book = '+JSON.stringify(book)
script !{j}

window.book 将在客户端可用。

【讨论】：