所以,可能是重复的,但是读了一些答案,没有帮助...... Node.js项目,MongoDB,Jade模板
Jade中的Ajax
script.
$('#add_cmt_btn').click(function (e) {
$.ajax({
type: 'POST',
url: '/comments/add',
data: $("#add_cmt_form").serialize(),
success: function () {
console.log('success');
$('#comment-text').val('');
$("#comments-block").load(location.href + " #comments-block>*", "");
},
error: function (err) {
console.log('error: ' + err);
}
});
})
并形成
form(method='POST', id='add_cmt_form')
div.row
div.col-sm-6
div.form-group-sm
label Add comment:
textarea.form-control(name='text', cols='50', rows='3')#comment-text
input(type='hidden', name='data_id', value=data.id)
input(type='hidden', name='data_type', value=data.type)
a.btn.btn-sm.btn-dark(id='add_cmt_btn', style='width:20%') Add
在节点(快速路线)中有功能,即添加注释
router.post('/add', auth.ensureAuthenticated, function (req, res) {
req.checkBody('text', 'Text is required').notEmpty();
let errors = req.validationErrors();
if (errors) {
return console.log(errors);
} else {
let comment = new Comment();
comment.author = req.user.login;
comment.text = req.body.text;
comment.type = req.body.data_type;
comment.data_id = req.body.data_id;
comment.save(function (err) {
if (err) {
console.log(err)
}
});
}
});
当我点击"添加"按钮注释添加到数据库,但页面不刷新,需要用F5更新才能查看最后一条注释。 但我没有看到任何登录控制台(没有错误,没有成功),textarea的val没有被取消,div没有被清除。 我在这种情况下做错了什么?
答案 0 :(得分:1)
您没有结束请求。你错过了res.send();在你的快车道上。
router.post('/add', auth.ensureAuthenticated, function (req, res) {
req.checkBody('text', 'Text is required').notEmpty();
let errors = req.validationErrors();
if (errors) {
console.log(errors);
return res.status(500).send('Something bad happened!');
} else {
let comment = new Comment();
comment.author = req.user.login;
comment.text = req.body.text;
comment.type = req.body.data_type;
comment.data_id = req.body.data_id;
comment.save(function (err) {
if (err) {
console.log(err);
return res.status(500).send(err.message)
}
res.send('saved');
});
}
});