使用 jQuery 和 Jade

Posted 2023-03-08

【中文标题】使用 jQuery 和 Jade

【英文标题】：using jQuery with 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 将在客户端可用。