如何在ejs模板中显示带有数组的mongo的json数据？
在ejs模板中显示带有数组的MongoDB的JSON数据，可以通过以下步骤实现：
- 首先，确保你已经安装了MongoDB，并且已经连接到了数据库。
- 在Node.js中，使用MongoDB的官方驱动程序或者Mongoose等ORM库来查询MongoDB数据库并获取JSON数据。
- 在服务器端，将获取到的JSON数据传递给ejs模板。
- 在ejs模板中，使用ejs的语法来遍历和显示数组数据。
下面是一个示例代码：
在服务器端（Node.js）：
const express = require('express');
const app = express();
const MongoClient = require('mongodb').MongoClient;
app.set('view engine', 'ejs');
app.get('/', (req, res) => {
// 连接到MongoDB数据库
MongoClient.connect('mongodb://localhost:27017', (err, client) => {
if (err) throw err;
// 选择数据库和集合
const db = client.db('mydb');
const collection = db.collection('mycollection');
// 查询数据库获取JSON数据
collection.find().toArray((err, data) => {
if (err) throw err;
// 将JSON数据传递给ejs模板并渲染
res.render('index', { jsonData: data });
});
});
});
app.listen(3000, () => {
console.log('Server started on port 3000');
});在ejs模板中（index.ejs）：
<!DOCTYPE html>
<html>
<head>
<title>Display JSON Data with Array in EJS Template</title>
</head>
<body>
<h1>JSON Data with Array:</h1>
<ul>
<% for(var i=0; i<jsonData.length; i++) { %>
<li><%= jsonData[i].name %></li>
<% } %>
</ul>
</body>
</html>在上面的示例中，我们使用了MongoDB的官方驱动程序来连接数据库并查询数据。然后，将查询到的JSON数据传递给ejs模板，并在模板中使用ejs的语法来遍历和显示数组数据。
请注意，示例中的代码仅供参考，你需要根据自己的实际情况进行适当的修改和调整。
相关·内容
2回答
如何在ejs模板中显示带有数组的mongo的json数据？
arrays、json、mongodb、mongoose、ejs
我可以显示顶层的值，比如"number"，但不能显示"contact.email“。我已经在我的server.js文件中尝试了很多选项，但我希望有人能帮助我从ejs端的json中提取这些信息。谢谢!我在我的ejs模板中使用了以下代码： <li>
浏览 13提问于2020-03-12得票数 0
回答已采纳
3回答
如何使用node.js后端访问EJS模板中的会话数据？
node.js、express、ejs、node-modules
我创建了一个基于用户角色的动态菜单。在服务器端，当用户登录时，我将所有允许的页面存储在他们的会话中。 res.render('contact',{menu : req.session.menubar})
}
浏览 0提问于2017-12-12得票数 2
回答已采纳
2回答
当通过NodeJS获取JSON数据时，如何通过ExpressJS更新EJS模板？
javascript、json、node.js、express、ejs
API获得的JSON填充的数组。在我的EJS模板中，我可以通过在两个数组上运行forEach来获取数据。我面临的问题是，当我第一次启动我的节点服务器时，我从API中获得新的数据，新的数据被输入到EJS模板中，但是我想每分钟轮询API并获得新
浏览 7提问于2016-12-21得票数 3
回答已采纳
2回答
将mongo数据渲染为ejs模板
node.js、mongodb、ejs
我在一个mongo数据库里有一些数据。我正在使用带有ejs视图引擎的express。我可以看到从console.log输出的mongo数据。我知道可以使用以下标记将数据插入到ejs模板中：<%=变量%>，但我似乎不知道如何在res.render代码中呈现它。下面是从mongo拉取数据</em
浏览 0提问于2015-11-27得票数 2
1回答
如何将JSON数组对象从ejs传递给函数
javascript、node.js、ejs
我们有一个Node.js应用程序，当用户点击某个路由时，会从一个api(后端)获取一个JSON数组，并将其作为数组对象传递给我的EJS模板。在EJS模板中，我有一个按钮，它在单击时调用一个Javascript函数，该函数对JSON数组对象执行一些计算，并在html DIV元素上显示计算出的值。我不知道如何将JSON数组对象从<e
浏览 25提问于2019-09-09得票数 1
3回答
无法将数据从快递传递到ejs？
mysql、express、ejs
我试图通过将一个对象转换为JSON (其中JSON数据显示在控制台上)，将数据从js文件(sample.js)传递给使用res.send("filename.ejs",data的ejs，但同时试图传递它，显示一个错误。告诉我如何在ejs文件中调用他们。
浏览 0提问于2019-03-08得票数 0
1回答
如何在mongodb中创建将输入保存为html的Mongoose模式
javascript、node.js、mongodb、mongoose、mongoose-schema
我正在创建一个带有管理面板的博客网站，在其中用户可以在文本编辑器tinyMCE中编写博客内容的主体。目前，我的博客正文模式设置为字符串，但每次我写博客时，你都可以看到博客周围的html标记，并且标记不能被识别为html。这是模式设置为字符串的问题吗？
浏览 15提问于2019-01-15得票数 1
回答已采纳
2回答
为什么Json在使用express将数组发送到前端时要限制帮助？
javascript、node.js
我正在使用带有ejs模板的Nodejs。我的Nodejs后端中有一个数组，如下所示：现在，如果我试图把这个发送给我的ejs，做一些类似的事情在我的ejs中(前端)我得到：
浏览 3提问于2019-09-21得票数 0
1回答
检索和使用MongoDB数组
javascript、node.js、ajax、mongodb
我正在构建一个网站，使用连接到Node.js数据库的MongoDB服务器。我正在挣扎的是如何从Mongo<
浏览 2提问于2018-04-22得票数 0
回答已采纳
1回答
对Node/Express的MongoDB示例的AJAX调用？
javascript、jquery、ajax、node.js、mongodb
首先是一个非常基本的页面: HTML表单、一个按钮和一个div框。数据将存储在MongoDB中，并在不刷新页面的情况下被检索到div-框中。来自index.html的AJAX：{
$('#buttonIDstring
var j
浏览 0提问于2013-12-02得票数 4
回答已采纳
1回答
如何将数据node.js发送到ejs文件，并使用angular.js获取数据
mysql、angularjs、node.js、ejs
我不明白用node.js将数据发送到ejs文件并用Angular.js获取这些数据的方法app.get('/', function(req, res) { res.render('pages/index', {
results: JSON.string
浏览 0提问于2015-09-09得票数 0
回答已采纳
1回答
如何将节点变量传递给外部javascript？
javascript、html、node.js、redis
我想在node.js正在加载的html文件中使用。这是我的密码。
浏览 4提问于2014-05-01得票数 0
回答已采纳
1回答
将MongoDB/ExpressJS查询存储在数组中并显示在HTML表中
javascript、html、node.js、mongodb、express
我正在努力学习如何获取已经存储在MongoDB中的数据，并将其显示为HTML中的一个表。我从来没有使用过HTML或JavaScript，所以我决定先在HTML代码中创建一个脚本，然后使用循环显示一个简单的表： <script>
var words = ["One",/Mongoose之类的方法从MongoDB获取文档，并将它们存储到
浏览 0提问于2017-03-27得票数 1
回答已采纳
1回答
使用过滤数组中的JSON对象的Fastify reply视图
arrays、json、ejs、fastify
我希望根据GET请求中的URL返回一个包含从JSON数组中筛选出来的数据的视图。并且我使用传入的url标题来过滤json文件(posts.json)中的数组文章，并使用view插件返回视图： title: 'Pos
浏览 3提问于2022-04-06得票数 0
1回答
用mongodb在GET请求中编写.find查询的最佳方式是什么？
javascript、node.js、mongodb、express、ejs
我正在尝试发出一个GET请求，以便它只返回存储在数据库中的最后一项。我可以在mongo shell中得到我想要的答案(见下文)，但是我不知道如何在get路径中编写查询。我使用的是ejs模板，因此我还需要通过res.render传递响应。我还是个编程新手，所以如果这个问题不够简洁，请原谅。我的mongo shell查询：Blog.find().sort({_id:-
浏览 16提问于2020-01-07得票数 0
回答已采纳
1回答
更新AJAX请求中的EJS变量
node.js、ajax、express、shopify、ejs
我正在构建一个定制的Shopify订单管理应用程序，使用Node.js、Express和EJS作为模板引擎。我希望页面显示来自Shopify API的更新的JSON数据，而不刷新页面，例如新订单、订单计数等。数据。我不确定如何更新在初始的API请求/页面呈现上设置的当前.ejs变量？body-parser');
const path = require('path&#x
浏览 0提问于2018-08-03得票数 2
回答已采纳
3回答
我不能修改Node中的数组
node.js、mongodb、mongoose
我试图对从mongoose/MongDB查询返回的数据数组进行一些修改。但是，我似乎无法对数组进行任何更改。我是不是漏掉了什么明显的东西？console.dir(data[rep]); //console.log(data); }stdSend作为回调从.exec函数中调用回调可以正常工作，在我将其提供给res.send之后，数据就会进入浏览器。但是，我想在发送之前将da
浏览 2提问于2013-11-26得票数 2
回答已采纳
3回答
可以将JSON.parse数据渲染到EJS吗？
json、node.js、express、ejs
我是NodeJS和Express的新手(一般情况下是编码)。它看起来像这样：var str = JSON.parse('[{"name":"bill", "age":"26"}, {"name":"jeffconsole.log(data.name);
app.get('/data'
浏览 0提问于2017-11-02得票数 4
4回答
如何在ejs模板中显示json数据？
javascript、node.js、ejs
我在一个控制器文件中有一个json数据，我从一个API中获得了这个数据，这样我就可以将从API中获得的数据重定向到一个ejs文件中，但是当我在body标记部分编写代码时，比如<%-JSON.stringify(jsonData)%>，它将显示整个JSON，但是当我在脚本标记下使用这个语句时，我什么也得不到，只得到对象错误消息。如何在脚本标记中使用此<e
浏览 1提问于2015-08-08得票数 5
1回答
使用node.js将postgres数据打印为html
javascript、html、node.js、postgresql
我正在尝试从一个pg数据库中打印出一些用户。在index.js文件中，我有以下内容：pg.connect(cstr, function(err, client, done) {但是当我重新加载页面时，我得到的结果是“没有收到数据”。, { fname: 'Cristiano' }, { fname:
浏览 3提问于2015-03-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
