Eu preciso de ajuda para mudar a minha index de html para EJS.
Eu estou usando Node, e eu já fiz as mudanças no meu arquivo de configuração para o EJS funcionar corretamente.
No meu index.ejs eu tenho uma tabela tr:
<div class="container">
<div class="starter-template">
<table class="table">
<thead>
<tr>
<th>✓</th>
<th>ID</th>
<th>Name</th>
<th>Email</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
E esse é a tag de script antes do final do corpo:
$.ajax({ type: 'GET', url: 'https://myapp.com/reservations', crossDomain: true, success:function(reservations){
reservas.forEach (function (data) {
var reservation = [];
reservation.push('<tr class="reservas">');
reservation.push('<td> <input type="checkbox" name="checkbox"/></td>');
reservation.push('<td>' + data._id + '</td>');
reservation.push('<td>' + data.nome + '</td>');
reservation.push('<td>' + data.email + '</td>');
reservation.push('</tr>');
$('tbody').append(reservation.join(""));
});
},
error:function(e){
console.log(e);
}
});
Está funcionando corretamente, mas agora eu quero misturar o js com o html.
No meu arquivo de configuração eu tenho isso:
app.get('/', function(req, res) { res.render('index', { title: 'DATA BASE' }); });
Se alguém puder me ajudar, ou pelo menos me dar uma direção, porque eu não tenho ideia de como usar o EJS.
Obrigado.