Possuo conhecimentos básicos e estou utilizando na aplicação: html/css, javascript, Nodejs, e para o banco - Mongodb - Mongoose.
Minha aplicação é bem simples, como podem ver na imagem abaixo, serve para publicação de textos contendo título e conteúdo. Preciso que assim que um novo conteúdo seja postado ele apareça logo abaixo, na lista de post, porém sem a atualização completa da página. Aceito referências ou videos explicando como fazer.
Segue abaixo o código javascript que tenho até agora.
// Publicar conteúdos
app.get('/home', function(req, res, next){
Postagem.find().sort({date:'desc'}).then(function (posts) {
res.render('home', {posts: posts})//FORMULARIO HTML
})
})
// Recebendo os posts
app.post('/home/postagens', function(req, res, next){
var errosPostagem = []
// Validação da postagem
if(!req.body.titulo || typeof req.body.titulo == undefined || req.body.titulo == null ){
errosPostagem.push({texto: "Título inválido "})
}
if(!req.body.conteudo || typeof req.body.conteudo == undefined || req.body.conteudo == null ){
errosPostagem.push({texto: "Conteudo invalido "})
}
if(errosPostagem.length > 0){
res.send('Título ou conteúdo inválido')
}else {
const novaPostagem = {
titulo: req.body.titulo,
conteudo: req.body.conteudo,
date: req.body.date
}
new Postagem(novaPostagem).save().then(function(){
}).catch(function (erro){
res.send("Houve um erro: "+error)
})
}
})
XMLHttpRequest
, você pode usar meios mais modernos, como ofetch
. Para saber mais, leia aqui.