javascript - 将变量从 jade 传递到 javascript

Question

我正在尝试将一个变量从路由处理程序传递到 javascript 文件。

获取首页的快捷方式是:

exports.home = function(req, res){

    var _ajaxData = [ ["#collections","collections", "Collections"],
                      ["#candidates","candidates", "Candidates"],
                      ["#entries","entriess", "Entries"],
                      ["#exits","exits", "Exits"]
                    ];

    res.render('home/home', { title: 'Welcome to My Web', _ajaxData: _ajaxData});
};

我的 jade 文件如下所示:

extends ../layout/base

block content
      each item in _ajaxData
        div(id= item[0]).col-md-6
              h3.panel-title= title
            .panel-body
              | Loading content...

  script(src='js/home.js')

然后在 home.js 中使用 ajax 加载内容，如下所示:

var ajaxData = JSON.stringify('!{_ajaxData}');
console.log(ajaxData);
// Further processing here

问题:控制台打印:

"!{_ajaxData}" 

我希望将完整的数组传递给 javascript。

感谢任何见解

Answer 1

将这个添加到你的 jade 文件中

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

您的所有数据现在都应该在 local_data 中，以便您在 myScript.js 中使用