Flash NodeJS错误给用户？

Question

我正在使用Ajax和Node JS让用户在一个页面上注册应用程序。当用户点击注册时，我会设置它来检查用户名是否被占用。所有这些工作到目前为止。然而，现在我需要提醒用户他们的用户名已被占用。我将如何打印错误或以这种方式将错误提示给用户？问题是我正在避免页面刷新。

app.post("/quiz", function(req, res, next){ 
    User.findOne({username: req.body.username}, function(err, user){ 
     if(err) { console.log(err)} 
     if(user) { 

     console.log(user) 
     // I NEED TO SEND THE ERROR HERE SAYING THE USERNAME IS TAKEN  
     // I NEED TO SEND THE ERROR HERE SAYING THE USERNAME IS TAKEN  
     // I NEED TO SEND THE ERROR HERE SAYING THE USERNAME IS TAKEN  
     } 

    }); 

     //continue with your registration logic 
     var newUser = new User({username: req.body.username, datapoint: req.body.datapoint}); 
     User.register(newUser, req.body.password, function(err, user){ 


     // if(res.error){ 

      if(err){ 
       req.flash("error", err.message); 
       res.redirect('back') 
       return res.render("quiz"); 

      } else { 

      passport.authenticate("local")(req, res, function(){ 
      // req.flash("success", "Welcome to JobQuiz " + user.username); 
      res.redirect("jobquiz"); 
      console.log(req.body.datapoint) 
      }); 
      } 
     }); 



}); 

阿贾克斯建立

$(function() { 
       $("#checkpaymentForm").on("submit", function(e) { 
        e.preventDefault(); 
        $.ajax({ 
        url: $(this).attr("action"), 
        type: 'POST', 
        data: $(this).serialize(), 
        dataType:'json', 
       }) 
       }); 
    }); 

Answer 1

首先发送在服务器代码中的if语句你的回应：

app.post("/quiz", function(req, res, next){ 
    User.findOne({username: req.body.username}, function(err, user){ 
     if(err) { console.log(err)} 
     if(user) { 
      res.json({"message": "false" }); 
     } 

}); 

然后在你的前端添加成功函数来处理回应：

$(function() { 
      $("#checkpaymentForm").on("submit", function(e) { 
       e.preventDefault(); 
       $.ajax({ 
        url: $(this).attr("action"), 
        type: 'POST', 
        data: $(this).serialize(), 
        dataType: 'json', 
        success: function (data) { 
        if (data.message === "false") { 
         //TODO: alert users here 
        } 
       }) 
      }); 
    });