如何在.ejs中展示异步函数返回的数据？
在.ejs中展示异步函数返回的数据，可以通过以下步骤实现：
- 在后端代码中定义一个异步函数，用于获取数据。例如，使用Node.js的Express框架：
app.get('/data', async (req, res) => {
try {
const data = await fetchData(); // 异步获取数据的函数
res.render('template.ejs', { data }); // 将数据传递给模板引擎
} catch (error) {
console.error(error);
res.status(500).send('Error occurred');
}
});- 创建一个.ejs模板文件（例如template.ejs），并在其中使用模板语法来展示数据。例如，使用<%= %>标签来输出数据：
<!DOCTYPE html>
<html>
<head>
<title>展示异步数据</title>
</head>
<body>
<h1>异步数据展示</h1>
<p><%= data %></p>
</body>
</html>- 在前端页面中，通过发送HTTP请求来获取数据并渲染页面。例如，使用JavaScript的fetch函数：
fetch('/data')
.then(response => response.text())
.then(html => {
document.getElementById('container').innerHTML = html;
})
.catch(error => console.error(error));- 在前端页面中，创建一个容器元素（例如<div id="container"></div>），用于展示异步返回的数据。
这样，当访问页面时，后端会异步获取数据并将数据传递给.ejs模板，然后前端通过发送HTTP请求获取渲染后的页面，并将页面内容插入到容器元素中，从而展示异步函数返回的数据。
注意：以上示例中的代码仅为演示目的，实际应用中需要根据具体情况进行适当的修改和优化。
推荐的腾讯云相关产品：腾讯云云服务器（ECS）、腾讯云云数据库MySQL（CDB）、腾讯云云函数（SCF）等。你可以通过访问腾讯云官网（https://cloud.tencent.com/）了解更多相关产品和详细信息。
相关·内容
我的目标是将JSON转换为类型记录代码并将其写入文件。
通常，json-schema-to-typescript可以直接处理这个问题，但这只是大得多的代码生成程序中的一个步骤，所以我试图让它使用我现有的设置，其中EJS呈现一个文件，该文件通过更漂亮的，该文件被写入临时目录，一旦所有文件完成，该文件将被移动到最终目录。
(我不认为更漂亮的是问题所在，但我把它放在一边，因为它是整个过程的一部分。)
问题是renameSync出错了：Error: ENOENT: no such file or directory, rename 'tempfile' -> 'file.
浏览 5提问于2022-06-07得票数 0
1回答
我正在尝试在express本地变量中创建一个函数，这样我就可以在ejs中部分地呈现它。下面是我的代码：
res.locals.balance = async (currentUser) => {
if(currentUser != undefined){
connection.query("SELECT balance FROM users WHERE email = ?", [currentUser], function(error, results){
if(error){return error;}
浏览 0提问于2021-04-11得票数 0
我是node.js的新手，尝试做一些小的app.All是好的，但是我不能在函数之外传递模型数据：
“工作守则”是：
usermodel = require('../models/usermodel.js');
exports.index = function(req, res) {
var stuff_i_want = '';
usermodel.userlist(req, function(result)
{
//stuff_i_want = result;
res.render('index.ejs', {
浏览 1提问于2019-08-27得票数 1
回答已采纳
1回答
我有一个函数，它从API返回一个值。但是，当我在EJS模板中使用函数时，它会返回一个承诺而不是数据。当我console.log (数据)时，它会显示我正在寻找的实际数据。
Helper
const axios = require("axios");
const getBrokerName = async (id) => {
API_BROKERS_URL = `${process.env.API_URL}/api/v1/brokers/?`;
const params = new URLSearchParams({
浏览 8提问于2022-09-28得票数 0
1回答
在我的Sails.js应用程序中，我尝试从数据库中返回已批准的用户数，并通过count()查询在视图中使用count变量。我已经在我的Users.js模型文件中编写了以下代码：
countapproved: function(req, res) {
Users.count({ approval_state: 'approved' }).exec(function(err, found) {
if (err) {
console.log('error.');
}
console.log
浏览 0提问于2017-09-01得票数 0
1回答
我想使用json来读取我的视频，然后使用ejs显示它们，但是我得到了一个错误：
>> 320| <% video.videos.forEach(function(video) { %>
video is not defined
我对items.json使用了同样的方法，而且我没有这个问题，如果需要的话，我也可以上传显示条目和items.json的代码。
HTML：
<ul class="splide__list">
<% video.videos.forEach(function(vide
浏览 2提问于2021-05-07得票数 0
回答已采纳
1回答
我想在EJS头文件中访问我的DB，这是添加到每个页面的一个部分。
我有一个名为分类的架构，我想从db中获得类别的名称，这个名称将动态地放在我的头上。
我正在尝试运行以下逗号：
<% Category.find({}, name, function(err, names) { %>
<% if(err) { console.log(err); } %>
<% console.log("Name
浏览 0提问于2018-07-15得票数 2
回答已采纳
这是来自模型的
static status(){
this.count()
.then(data => {
return data;
})
}
我想把静态状态()的值放到我的ejs页面
这在我的控制器中，但是当我运行代码时，这个值没有出现。
static home(req, res){
// console.log(req.query);
let title = req.query.title;
let artist = req.query.artist;
let temp =
浏览 2提问于2022-04-15得票数 0
我希望使用mongodb驱动程序跟踪node.js服务器中集合中的文档数量。我可以插入、删除和更新，但当我尝试计数时，它会工作，直到我试图存储该值，在此时刻，它将不返回任何内容。
这是我的代码：
var db_collection = db.collection('collection');
var countCollections = function () {
var response_count_collections = null;
db_mensajes.count(function(err,number_of_collections){
浏览 1提问于2014-08-11得票数 0
回答已采纳
我创建了一个简单的rest-api应用程序(nodeJS+ExpressJS+MySQL)作为测试项目。它运行良好，所以我想添加HTML(EJS)来显示数据，所以我一直致力于显示视图。但是，我无法将MySQL数据传递给HTML。 **由于我仍在学习nodeJS，我仍然感到困惑，因为一些教程在app.js/server.js中添加了路由器 因为我已经在控制器中创建了getAll()，所以我在server.js中使用了Restaurant.getAll()。下面是Restaurant.getAll()的console.log结果。我已经尝试过使用JSON.stringtify(data)了，但是
浏览 14提问于2021-05-04得票数 0
回答已采纳
1回答
我使用instagram-scraping模块显示带有特定哈希标记的所有帖子，但使用函数返回查找项时会遇到问题。
// in my middleware
function getInstagramPostsByHashTag(hashtag) {
return ig.scrapeTag(hashtag).then(result => {
console.log(result); // all posts are displayed in my console
return result;
});
}
// in my ejs template i send th
浏览 3提问于2020-11-20得票数 1
回答已采纳
1回答
在我的node.js应用程序中，服务器从github获取一个原子提要，然后使用外部模块解析它。它在一个文件(getfeed.js)中运行良好，但是当我将它导出到我的app.js文件并调用它时，它会返回未定义的结果。当我在getfeed.js脚本中记录它时，它返回正确的数据；只是在app.js中数据是未定义的。很奇怪。下面是所讨论的代码：
getfeed.js
module.exports = function() {
var FeedParser = require("feedparser")
, request = require(
浏览 3提问于2014-03-01得票数 1
回答已采纳
到目前为止，我一直在我的Rails/Backbone.js应用程序中使用EJS模板。我真的很想开始使用。我能做些什么让它与EJS一起工作呢？
MyView = Backbone.Marionette.ItemView.extend({
template: "#some-template"
});
它在文档中说，我需要为template属性提供一个template选择器，但我不认为我的EJS模板有一个。
更新：
正常情况下，我将使用模板来呈现视图：
TasksTree.Views.TaskItem = Backbone.View.extend({
...
render:
浏览 3提问于2012-04-16得票数 4
回答已采纳
我有一个系统，其中我有一个nodejs应用程序：
app.post('/action', (req, res) => {
...
const option = req.body.option
...
switch (option) {
case 'getinfo':
objectToSend = {"foo": "bar"}
// i tried using
res.json(objectToSend)
// and
res.send
浏览 2提问于2021-09-06得票数 3
回答已采纳
所以我在Bootstrap中使用了Simpliq主题，它在表单中有一个typeahead组件。它要求我使用一个带有值数组的"data-source“字段。不幸的是，我拥有的数据集有数百个，如果不能完全超时，它将大大减慢页面加载速度。
我的问题是，有没有一种数据遥控器，或者我可以用来根据在文本字段中输入的术语来获取数据集，而不必使用"data-source“数组？我不想把整个数据集放在typeahead字段中。
我使用MySQL从三个不同的表中获取字段"property_no“，每个表有一百行。
浏览 2提问于2014-09-04得票数 0
我想用pg从PSQL数据库中拉出，并将信息显示到一个表中。我已经能够提取数据并将其显示为对象(？所有的数据都与我在下面测试的端点一起显示)与promises和async一起显示，但无法解决如何将其发送到EJS进行呈现。
//using async/await
router.route('/')
.get(async function (req, res) {
try {
let accountList = await createALb();
res.send(accountList);
浏览 0提问于2020-10-10得票数 0
我试图从不同的表中提取数据，并使用sequelize在node.js中保存不同对象中的数据。问题是，当我将这些对象传递给ejs并尝试访问它们的属性时，这里的所有其他对象都是空的，只有一个除外。
var doctors, patient;
Consultant.findAll().then((data) => {
if (data) {
doctors = data;
} else {
console.log('No data found');
}
})
.the
浏览 0提问于2019-08-11得票数 2
回答已采纳
我对编码和node.js非常陌生，所以这可能是一个愚蠢的问题--但我读到的mySQL数据库查询的所有示例都是将查询结果记录到控制台上……我想为我的web应用程序做的事情(或者至少我认为我想做的事情)是将查询结果作为函数的乘积返回，这样我就可以允许我的.ejs文件使用JSON对象。
目前的情况是，无论我怎么尝试，我的.ejs文件都会收到"Hello World“作为getDriver()的产品。我想让它接收到‘row’(即.我的SQL查询返回的JSON对象)
我可以在控制台中看到JSON结果&它看起来很完美。我似乎不能让它在函数之外“存在”:(
var express = req
浏览 2提问于2016-12-04得票数 1
回答已采纳
我必须通过Box.com从获取一个Excel文件，并将其转换为JSON。稍后，这个JSON将使用Express和工具栏呈现。
我创建了以下函数来获取Excel/JSON：
let getExternalFile = async () => {
const stream = await client.files.getReadStream('123456789');
const external = await fs.createWriteStream('/external.xlsx');
stream.pipe(external);
let
浏览 0提问于2019-06-17得票数 0
回答已采纳
我第一次尝试一个基本的节点应用。
如果我测试使用console.log(eventsArray)运行这个文件(> node eventsArray)，则数组成功地从命令窗口中的刮板模块输出数据，因此我的刮板模块正在工作。
如果我设置eventsArray = 'this'，'is‘，'a'，' test '，'array'；在index.js中作为一个测试，那么这些字符串就会在主页上显示，就像运行了Express应用程序之后我想要的那样，所以Express + Jade模板可以工作(这里不需要包含我的ejs模板，因为
浏览 0提问于2017-09-05得票数 1
回答已采纳
在用Node.js中的Express制作的服务器中，我有以下处理GET请求的代码：
function articleReturner(celien) { // function querying a database (celien is a string, cetarticle is a JSON)
Article.findOne({ lien: celien}, function (err, cetarticle){
console.log(cetarticle); // it works
return cetart
浏览 2提问于2014-05-08得票数 0
回答已采纳
我想知道到底有没有发送一个put请求到后端的按钮点击在ejs上？我是我的案例，我只想向后端发送一个' id‘，这样我就可以通过这个id更新数据库中的数据。另外，是否有必要每次使用表单向ejs中的服务器发送post/get请求？或者有没有其他可能的方法来做到这一点？
一些想法的代码片段：
ejs：
<% if(user[i].complaint_type === "Bin Full"){ %>
<form action="/assignCol" method="PO
浏览 3提问于2020-07-19得票数 1
回答已采纳
1回答
我是node.js的新手，我的起点是app.js，它调用一个名为xmlParser.js的文件，该文件使用xml2js节点模块解析输入xml文件。这就是app.js的样子，
//include the modules
var express = require('express'),
app = express(),
ejs = require('ejs'),
xmlParser = require('./utils/xmlParser.js');
//save the pain of writing .ejs afte
浏览 2提问于2016-10-08得票数 0
回答已采纳
我正在创建一个网站，目前我正在用mongodb制作一个数据库系统，我几乎已经完成了，但是，由于我更新了一个fastify包，该页面只显示白色，与另一个带有数据发送的ejs页面相同。
我的软件包: fastify: 4.0.3 path: 0.12.7 @fastify/view: 7.0.0 mongodb: 4.7.0 dotenv: 16.0.1 ejs: 3.1.8 @fastify/静态: 6.4.0 @fastify/formbody: 7.0.1 fastify-plugin: 3.0.1猫鼬: 6.4.0
我的路线代码：
fastify.get("/result"
浏览 4提问于2022-06-22得票数 1
--我对异步编程的概念有点纠结，我希望有人能给我一些帮助/指导。基本上是在开发一个连接到mongodb数据库的node.js web服务器。我使用EJS生成HTML文件，如下所示。
app.get("/", function(req, res){
res.render('home', {date: getData.todaysDate(), n: getData.todaysIncidents(), nTot: getData.totalIncidents()});
});
大多数这些值('n‘和'nTot')是通过查询我的数据
浏览 1提问于2020-03-30得票数 0
回答已采纳
我很容易就用fs.readFileSync完成了这个任务，但是我想异步地完成。我的代码如下。
function send(err, str){
if(err){
console.log(err);
}
var template = ejs.render(str, 'utf8', {name: data.name});
transporter.sendMail({
from: myEmail,
to: anotherEmail,
浏览 3提问于2016-05-18得票数 3
回答已采纳
1回答
基本上，我有两个js脚本；一个是路由器，由节点和表达式组成：
import express from "express";
import showContent from "../model/model.js";
const router = express.Router();
//* Sends out the ejs (basically HTML) on start URL "localhost:8080"
router.get("/", function (req, res) {
res.render(".
浏览 3提问于2022-11-25得票数 1
回答已采纳
在我的server.js中的server.js上，我从mongo返回一个数据集，然后在将数据传递给它时呈现我的页面。
如下图所示：
//page load
app.get('/', (req, res) => {
//find all data in test table
var articles;
db.collection('test').find().toArray((err, result) => {
if (err) return console.log(err)
articles
浏览 3提问于2016-12-14得票数 1
回答已采纳
2回答
嗨，我正在尝试创建快速动态模板系统，在那里我将从数据库中获得动态内容，然后在单个index.ejs文件中呈现输出。
这是我的index.js
router.get('/', function(req, res, next) {
var dataFrmDB = {
pageContent: "<%= data.pageTitle %>",
pageTitle: "home"
};
res.render('index', {data:dataFrmDB} );
});
index.ej
浏览 0提问于2015-05-07得票数 0
这是我的js file..and中的代码，结果存储在数组结果中，我可以通过console.log (在js文件中)看到.我想把结果打印在我的ejs文件中。请您给我介绍一下如何接这个。
我的js文件包含排序函数，如下所示：
function sortEvents(){
var MongoClient = require('mongodb').MongoClient;
var url = "mongodb://localhost:27017/";
MongoClient.connect(url, function(err, db)
浏览 2提问于2020-07-24得票数 0
回答已采纳
我正在编写一些代理服务器代码，它拦截一个请求(通过用户单击浏览器窗口中的链接)并将请求转发给第三方文件服务器。然后，我的代码获取响应并将其转发回浏览器。基于文件的mime类型，我想以两种方式之一处理文件服务器的响应：
如果该文件是图像，则希望将用户发送到显示该图像的新页面，或
对于所有其他文件类型，我只想让浏览器处理接收它(通常是下载)。
我的节点堆栈包括Express+bodyParser、、EJS和Passport。下面是基本的代理代码以及一些需要大量帮助的psuedo代码。(Mia culpa!)
app.get('/file', ensureLogged
浏览 7提问于2013-10-30得票数 0
我有一个叫做"historicos.ejs“的视图。在第一次加载中，页面只有2个日期选择器来进行范围查询，提交按钮和图表(google图表)为空。我需要进行查询，并在第二次渲染后(按下submit之后)将数据传递到图表中。
这是放在我视图头部的脚本标记
<script type="text/javascript">
// his with query data from the server
var histo = his;
console.log(histo)
google.load('visualization
浏览 0提问于2015-05-13得票数 1
2回答
如何在快车线路间传递数据
、、、、
假设我有这个POST路由，它接收一些数据。
app.post('/getData', function(req, res){
var retrievedData = req.body.exampleVariable;
// Send data to GET method
});
我有一个GET方法，它呈现一个页面，但需要在POST方法中检索到的数据。
app.get('/displayData', function(req, res){
// Retrieve data from POST method and display it.
res.
浏览 1提问于2016-01-14得票数 7
const express = require('express');
const https = require("https");
const app = express();
app.use(express.json())
app.use("/public", express.static("public"));
app.set('view engine', 'ejs');
const API_ID = "2d8f8b46";
const API_KEY = &#
浏览 1提问于2022-11-05得票数 1
回答已采纳
在阅读了Node.JS Express文档之后，我不清楚在他请求了什么之后，客户机循环何时完成。
res.json()、res.send()和res.render()是否完全完成了这一周期？我的意思是:服务器中所有用于该请求的代码执行。或者是客户端通过接收来自服务器的响应来感知循环结束，但是服务器继续执行代码？
例如，如果我有这个：
router.get('/home/about', function(req, res) {
// code block #1
// ...
if (condition) {
res.render(
浏览 8提问于2014-07-19得票数 0
回答已采纳
2回答
我试图从mongoDB中获取一些数据并将其存储在一个数组中，然后将该数组传递到ejs文件中。问题似乎是，当mongo在查询结果时，执行db代码之后的代码将被发送到ejs。结果是在执行呈现函数之后产生的，因此没有数据发送给ejs。
app.get('/', (req, res) => {
var batData = [];
//console.log("get req");
MongoClient.connect(url, (err,db)=>{
if(err) throw err;
con
浏览 0提问于2019-06-22得票数 1
回答已采纳
我一直很难把局部变量变成全局变量。我正在使用Express和Javascript。
以下是我的JavaScript代码：
// Setting up Express and EJS
const express = require("express");
const JSON = require("JSON")
const app = express()
const fetch = require("node-fetch");
app.set('view engine', 'ejs');
app.use(expre
浏览 1提问于2021-03-15得票数 0
回答已采纳
1回答
我刚对样本文件进行了编码。
在收到API调用的数据后，我的ejs文件会显示一些数据。
我的代码如下所示，我的代码模式如下
节点(路由器)->调用api(axios) ->显示ejs文件上的数据。
//index.js
...
...
router.get('/dashboard', function(req,res,next){
try {
let result = await axios({ //Call API
method: 'get',
url: 'http://localhost:3001/us
浏览 7提问于2020-10-22得票数 0
2回答
我正在尝试从我的数据库传递一个查询
var aboutUser = connection.query("SELECT about FROM users WHERE username = ?", req.user, function(err, rows) {});`
我想像这样通过它
res.render('profile.ejs', {
user: req.user,
about: aboutUser // get the user out of session and pass to template
浏览 0提问于2017-07-25得票数 0
1回答
，我最近开始用NodeJS编程，所以我是个初学者。我在用Sequelize。当我调用函数sequelize.sync()时，它会将表(我定义的表)创建到数据库中。无论如何，如果我紧接着执行sequelize.sync()函数的查询，就会得到一个错误。我认为问题在于查询是在sequelize.sync()结束之前执行的，所以我需要等待sequelize.sync()执行的结束。代码很简单：
sequelize.sync({force: true});
Users.create({name: "A", surname: "B", number: 1});
错误是：
浏览 12提问于2022-03-29得票数 0
回答已采纳
就像标题上说的，我没有做我想做的事。我试图在我的杂货店网站上实施条纹。我使用带有express的node.js服务器和ejs与前端进行集成。我的客户端js使用一种获取方法向服务器发送一个POST请求，其中包含来自客户端的所有信息。客户端从JSON文件中提取数据以访问存储项。这些项将被重组为获取中的对象，并发送到服务器以启动条带签出。
但是，在获取状态为500时，获取失败。它声称一个身份不明的人被传递，而不是一个JSON。因此，我试图发送一个硬编码的对象，以查看错误发生在何处，但它也以未定义的形式返回。我被困住了，需要任何帮助。我在编码/编程方面是新手，所以我肯定我的代码有很多问题。谢谢您抽时间
浏览 4提问于2021-12-17得票数 1
3回答
导出并要求异步函数错误
、、、、
我在一个名为resourcess.js的文件中导出一个异步函数，如下所示：
//resourcess.js
module.exports = function(arg) {
let do_stuff = async (arg) => {
...
}
然后，我要求routes.js中的文件如下所示：
let importedFunc = require('./resourcess.js');
最后，我在routes.js中像这样使用它：
app.post('/post', function(req, res) {
var a2
浏览 0提问于2018-08-08得票数 1
回答已采纳
3回答
我试图返回一个在诺言语句中得到的值，并且我得到了连续的承诺{未定义}，有人知道如何正确地做它吗？当我用数据呈现.ejs文件时，它得到的是任何东西。
// /documents/vocabulary file
async function transformar() {
return new Promise(resolve => {
fs.readFile('src/documents/Vocabulary2.txt', 'utf8', function(error, data) {
if (data) {
浏览 5提问于2020-12-08得票数 0
回答已采纳
1回答
我希望在节点js中返回数据库值，并在ejs文件中作为变量传递。
贝娄是我用过的密码。它没有返回值.
function getExternalLocation(cb) {
mssql.connect(msSqlSettings, function (err ) {
if (err) {
cb(err);
}
var getQuery = "SELECT [Title] FROM [dbo].[StyleTemplates] " ;
//console.log(ge
浏览 1提问于2017-07-01得票数 1
2回答
我试图使用Node.js从MSSQL获取一些数据，然后将数据从节点传递到我的HTML (EJS)，但在最后一部分中我遇到了一些问题，这就是我要做的：
app.js文件：
app.get('/', (req, res) => {
var data = getJson(); // Function that return my data
res.render(__dirname + '/index.ejs', {
data: data
}, (err, file) => {
if (err) con
浏览 2提问于2019-12-18得票数 0
回答已采纳
我正在尝试从HTML生成屏幕截图
async function makeWeeklyReport(meterId, week) {
// get meters from meter
const meter = meters.find(it => it.prm === meterId);
const weeklyData = await generateWeeklyGraph(meter, week);
ejs.renderFile(path.join(__dirname, './views/partials/', "weekly_g
浏览 0提问于2020-06-29得票数 1
3回答
我想调用我的一些函数，它们是异步的，可以从我的ejs文件中调用。
就像我把这个函数设置为我的app.locals.someFunction
async someFunction(param){
let data = await someAsyncStuff();
// & other things
return data;
}
我想在ejs文件中使用它，如下所示：
<%
let data = await someFunction()
for(let x of data){%>
<li><%=x%></li>
<
浏览 5提问于2020-02-13得票数 5
回答已采纳
我正在尝试express，我必须呈现一个页面，它传递两个由两个DB调用填充的数组，查询是正确的，实际上，如果我只在ejs页面中呈现一个数组，它就会传递内容。
当我传递一个数组时，我会这样做：
dao.getAllSerie().then((show) => {
res.render('index', {
series: show,
})
}).catch(() => res.status(500).end());
如果我这样做，一切顺利，没有什么问题，内容被呈现，ejs页面充满了值。
需求是：“如果我必
浏览 0提问于2020-07-27得票数 0
回答已采纳
好的，所以我的代码正在使用他们的官方API从yelp业务中提取数据。我的问题是，我似乎无法将数据从函数中返回。问题不在ejs中，而是数据在我告诉它时不会返回！我只是在一些尝试中没有定义，而对于其他尝试(包括我在这里将要展示的那个)，我得到了一个空数组。我只粘贴重要的代码，如果您需要更多的话，请告诉我！
function yelp(){
var b = [];
var i = 0;
(struck the initialization of client)
client.business("(struck)", function(error, data) {
浏览 2提问于2015-03-23得票数 0
回答已采纳
我对此有意见。
我不明白用node.js将数据发送到ejs文件并用Angular.js获取这些数据的方法
Node.js零件
app.get('/', function(req, res) {
connection.query('SELECT * FROM movie', function(err, rows, fields) {
res.render('pages/index', {
results: JSON.stringify(rows)
});
})
});
角部
$http.get('/
浏览 0提问于2015-09-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
