将变量从玉文件传递到javascript文件

Question

我正在制作一个节点快速应用程序。 我试图将值从玉传递给javascript文件。

在服务器端，我正在使用：

res.render('index', { title: 'Title', test: 1 });

在我的index.jade文件中，我具有以下内容：

script(type='text/javascript', src='http://code.jquery.com/jquery-1.9.1.js')
script(type='text/javascript', src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/jquery-ui.js')
script(type='text/javascript', src='./javascripts/ui.js')
script(type='text/javascript', src='./javascripts/handle.js').
  var data = !{test}
block content
  h3= title

在我的handle.js文件中

$(function() {

    console.log(data);
});

在控制台上，我收到一条消息，提示未定义数据。 如何将test的值从jade文件传递到javascript文件？ 当前test只是一个整数，但最终它将是一个包含很多属性的对象。

如何正确将值从玉文件传递到javascript文件？

Answer 1

那仅适用于文字。 对于对象，您可以执行以下操作：

var data = !{JSON.stringify(data)};

至于显示的未定义部分，请检查它的设置是否正确以及它是正确的变量。

确保以正确的顺序加载：

script(type='text/javascript')                                                   
  var data =!{JSON.stringify(test)};
script(src='./javascripts/handle.js)