我有一个用express编写的node.js服务器,在某个时刻,我向某个.jade页面发送了一个数组。问题是,当呈现Jade页面时,Jade编译器将数组呈现为[object Object]
,而Chrome上的JavaScript编译器抱怨说“意外的标识符”。
这是Jade代码:
!!! 5
html(lang="en")
head
title= "Rankings"
body
h1 Ranking
div(id="rankings")
script(type='text/javascript')
function fillRanking(){
var rankArray = #{ranking};
alert("inside fillranking");
var divElement = document.getElementById("rankings");
for(var i = 0; i< rankArray.length; i++){
divElements.innerHTML += "" + i+1 + ". " + rankArray[i].Username + " " + rankArray[i].Points;
}
}
fillRanking();
正如您所看到的,它非常简单,我只需要用node.js传递给Jade的#{ranking}
变量中的内容提供的信息填充一个div即可。第二行上的警报不会触发,因为在我尝试为#{ranking}
变量赋值时,就会发生意外标识符错误。
以下是我的带有express的node.js中的代码
app.get('/ranking', function (req, res) {
//get the first ten people in the ranking
var firstTen = getRanking(10, function(results){
//compute the array of results
var result = {
ranking: [],
}
for(var i = 0; i < results.length; i++){
result.ranking[i] = results[i];
}
//render the ranking with all the info
console.log(result);
res.render(__dirname + '/pages/ranking/ranking.jade', {
ranking: result,
});
});
});
我在一个结果数组中创建了一个对象,我把从查询中找到的结果放在里面,然后把它传递给渲染引擎。console.log(results)
调用正确地打印result
对象,例如:
{ ranking:
[ { Username: 'usr1',
_id: 4ed27319c1d767f70e000002,
Points: 100 },
{ Username: 'usr2',
_id: 4ed27326c1d767f70e000003,
Points: 100 } ]
}
我真的不知道如何处理传递给Jade页面的变量。无论我做什么,我总是得到“意外的标识符”错误。你们有人知道我该怎么解决这个问题吗?
谢谢
发布于 2012-01-18 19:31:04
看看上面的评论,并进一步调查,我发现以下是有效的:
在你的javascript (/controller)上使用这个:
...
res.render(__dirname + '/pages/ranking/ranking.jade', {
ranking: JSON.stringify(ranking),
})
...
在jade模板上:
...
function fillRanking(){
var rankArray = !{ranking};
alert("inside fillranking");
...
这之所以有效,是因为!{}不执行转义。
发布于 2013-03-20 16:15:08
这对我很有效。
在服务器上对数组(实际上是任意的JSON对象)执行JSON.stringify
操作,然后在客户端对其执行JSON.parse
操作。
服务器端:
res.render(__dirname + '/pages/ranking/ranking.jade', {
ranking: JSON.stringify(result),
});
客户端:
var rankArray = JSON.parse( !{JSON.stringify(ranking)} );
发布于 2014-12-14 01:12:58
因为我还使用控制器中的数组进行迭代,所以我这样做了:
res.render('template', pArrayOfData);
在jade代码中:
script(type='text/javascript').
var _histData = !{JSON.stringify(pArrayOfData)};
https://stackoverflow.com/questions/8293363
复制相似问题