在nodejs中无需重定向即可将数据发送到模态

因此，经过大量挖掘，我找到了解决方案。关键是要认识到jquery不express就是答案，让客户端处理重定向和posts/get。我只包含了本地登录策略的更新，但它们也适用于您的注册/社交其他社交档案。

对passport.js的更改（次要）

function passport_login(req, email, password, done) {
    //doing some validate and found bad password
    return done(null, false, 'Bad Password');
})

更改我的路线（我挣扎的部分）

这里需要注意的关键是，我正在决定通过res.send发送什么数据。我可以发送任何东西，在这种情况下，信息来自passport.js（"坏密码"）。如果我很高兴并且能够登录，我会发送一个简单有效的小消息：true json。

  //Login Modal =================================
  app.get('/localLogin', function(req, res, next) {
    passport.authenticate('local-login', function(err, user, info) {
      if (err) { return next(err); }
      //if there is no user in the response send the info back to modal
      if (!user) {
        return res.send(info);
      }
      //user was able to login, send true and redirect
      req.logIn(user, function(err) {
        if (err) { return next(err); }
        return res.send({ valid: true });
      });
    })(req, res, next);
  });

对我的index.js的更改

在我的模态顶部添加了一个div来显示消息，删除了旧的<%=message>piece并从表单中删除操作和方法jQuery将为我们做到这一点。（包括透明的完整模式代码）

<div id="openModal" class="modalDialog">
  <div>
    <a href="#close" title="Close" class="close">X</a>
    <h2 id="logintitle">Log In</h2>
    <div id="loginPopup"></div>
    <form class="form-horizontal" id="loginform">
      <div class="form-group inner-addon left-addon">
        <label class="sr-only" for="login_email">Email</label>
        <i class="glyphicon glyphicon-user"></i>
        <input type="email" class="form-control" name="email" placeholder="Email Address" />
      </div>
      <div class="form-group inner-addon left-addon">
        <label class="sr-only" for="login_pass">Password</label>
        <i class="glyphicon glyphicon-star-empty"></i>
        <input type="password" class="form-control" name="password" placeholder="Password" />
      </div>
      <div id="forgotpass">
        <a href="#openModal3" id="forgotpass">Forgot Password?</a>
      </div>
      <div class="form-group">
        <button type="submit" class="btn form-login-button">Log In</button>
      </div>
    </form>
    <div class="strike">
      <span>Log in with</span>
    </div>
    <div id="test" class="test">
      <a href="/auth/facebook" class="btn btn-primary"><span class="fa fa-facebook"></span> Facebook</a>
      <a href="/auth/google" class="btn btn-danger"><span class="fa fa-google-plus"></span> Google</a>
    </div>
  </div>
</div>

然后我添加了以下Jquery代码，这是拼图的最后一块：

    $(function(){
        $('#loginform').on('submit', function(e) {
            e.preventDefault();
            var data =  $(this).serialize();
            $.get('/localLogin', data, function(result) {
                if(result.valid == true)
                {
                    window.location.href = '/profile';
                }
                else
                {
                    $('#loginPopup').html(result);
                }
            });
        });
    });

希望这能帮助到一些人，关于如何做到这一点的完整端到端解决方案的信息很少。