gpt4 book ai didi

javascript - 如何将数据从 express.js 传递到与 html 页面相关的 Javascript 代码

转载 作者:行者123 更新时间:2023-11-30 12:41:52 26 4
gpt4 key购买 nike

我对 express.js 和一般编程还很陌生。我正在尝试学习如何从数据库 (Mongodb) 检索数据并将其发送到 html 文件或 javascript。我设法检索了数据并对其进行了 console.log。我有这段代码,它从数据库中获取名为“数据”的数组并将其记录下来。我想将位置数组的数据传递给我的 html 文件,该文件会提醒该位置。我想我可以简单地将数据作为 Node 模块放在一个 javascript 文件中,然后在另一个 javascript 文件中调用其中的变量。现在我知道如果它是 jade 我可以很容易地在 res.render 之后添加变量。如果我使用 html 并且有一个单独的 javascript 文件,它会如何工作?

这是我的 app.js 代码:

var placeFinder = require ("./public/assets/js/data.js");
app.get('/test', function(req, res){

placeFinder(function(err, data){
if(err){
return res.send(500);
}
res.locals.place = data;
console.log(data);
res.render('test', {data: data});
});
});

这是我的 data.js 代码:

var mongoose = require ('mongoose');  
function getPlaces(callback){
var data = new Array();
mongoose.model('stories').find({},function(err, companies) {
if(err){
return callback(err, data);
}
for (var i = 0; i < companies.length; i++) {
data[i] = JSON.stringify(companies[i].place);
}
return callback(null, data);
});
}
module.exports = getPlaces;

这是我的 html 和 js 代码:

<html>
<head>
<title>test</title>
<script>
$('button.showlocation').click( function(){
var new = {{data}};
document.write(new);
}
</script>
</head>
<body>
<button class="showlocation btn btn-info">Click Here!</button>

</body>
</html>

非常感谢

最佳答案

使用:

res.render('ViewMode', {data: data});

在您的 ViewMode 模板中有一个 var this.data 或只是数据。在您的脚本中,假设您的分隔输出的标签是 {{}}(如 Handlebars :

<script> var places = {{data}}</script>

关于javascript - 如何将数据从 express.js 传递到与 html 页面相关的 Javascript 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24160493/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com