没有调用Ajax成功/错误但是POST正在运行

时间:2018-04-04 12:42:58

标签: javascript node.js ajax express pug

所以,可能是重复的,但是读了一些答案,没有帮助...... 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没有被清除。 我在这种情况下做错了什么?

1 个答案:

答案 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');
        });
    }
});