Uso MySQL en EJS para obtener datos de db (con promesas). Cuando obtuve los datos, consola. log (datos) y puedo ver los datos en la consola del servidor. PERO cuando quiero mostrar los datos con ejs, no pasó nada, ¿por qué? Aquí está mi código:
<% let conn = connection() //Connection is a func who returned a mysql.createConnection() with the good props function GetDataToShow(){ return new Promise((resolve, reject) => { //Promise returned, while promise is not returned, js does not continue to execute the code if function is async and await keyword is used when this function is called conn.query( "SELECT * FROM articles", (err, result) => { return err ? reject(err) : resolve(result) } ) }) } let results = []; (async () =>{ conn.connect() results = await GetDataToShow() console.log(results) //Data is show in the console(it works) conn.end() for (let index = 0; index < results.length; index++) { %> <h1><%= results[index].name</h1> <!--But not that !!!!!--> <%} console.log("Happy coding !") })() %>No puede usar código asíncrono en EJS.
Su función se duerme cuando presiona await , el EJS finaliza, el resultado lo envía al navegador, luego la función se activa y realiza el registro (en ese momento es demasiado tarde para inyectar contenido en los datos que ya han sido enviado al navegador).
Treat EJS es una capa de vista, y solo como una capa de vista.
Recopile todos los datos que necesita antes de que lleguen a EJS (por lo general, haría esto en una ruta Express.js), colóquelos en una estructura de datos sensible y luego páselo a la plantilla de EJS.
app.get('/path/example', async (req, res) => { const data = await getDataFromDatabase(); res.render('/pages/example', {databaseData: data}); });