在jade中使用jQuery

Law*_*ceH 2 jquery node.js express pug

我目前正在开发一个使用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)之间共享一个快速变量是如此难以实现...

JNe*_*ens 7

在你的Jade文件中,你可以放:

script.
    var book = '#{book}'
script(src='someFile.js')
Run Code Online (Sandbox Code Playgroud)

现在,在someFile.js中,你可以像普通变量一样使用book:

$(document).ready( function() {
    console.log(book.title);
});
Run Code Online (Sandbox Code Playgroud)