無法在快遞重定向與節點JS

Question

我學習的Node.js + MongoDB的和其他一些相關工具的基礎知識，但我被困在一個簡單的登錄屏幕，我提出，我們的目標是，一旦正確的憑證被重定向到僅包含文本「welcome！」的index.html。我看了一下不同的地方（官方API，教程，這個頁面等），但看不到我的錯誤。

這是我的服務器：

var http = require('http'); 
var hostname = 'localhost'; 
var port = 3000; 

var mongojs = require("mongojs"); 
var express = require("express"); 

const HOME_URL = "/"; 
const LOGIN_URL = "/login"; 
const LOGIN_ACTION_URL = "/doLogin"; 
const INDEX_URL = "/index"; 

var app = express(); 
var db = mongojs("gus:1234@127.0.0.1:27017/awesomeapp"); 

app.set("views", __dirname + "/public/views"); 
app.engine('html', require('ejs').renderFile); 

app.get(HOME_URL, function(request, response) { 
    response.redirect(LOGIN_URL); 
}); 

app.get(LOGIN_URL, function(request, response) { 
    response.render("login.html"); 
}); 

app.get(INDEX_URL, function(request, response) { 
    response.render("index.html"); 
}); 

app.get(LOGIN_ACTION_URL, function(request, response) { 
    db.users.find({ 
     user: request.query.user, 
     pass: request.query.pass 
    }, function(err, doc) { 
     if(err) { 
      console.log(JSON.stringify(err)); 
      response.end("An error ocurred"); 
      return; 
     } 

     if(doc.length == 0) { 
      console.log("invalid_credentials"); 
      response.end("invalid_credentials"); 
      return; 
     } 

     console.log("user found: " + JSON.stringify(doc)); 

     // This is my problem: 
     response.redirect(INDEX_URL); 
    }); 
}); 

app.listen(port); 

，這在登錄視圖進行：

$.ajax({ 
    url: "/doLogin", 
    type: "GET", 
    data: { 
     user: $("#user").val().trim(), 
     pass: $("#pass").val() 
    } 
}).done(function(data, textStatus, jqXHR) { 
    if(data == "invalid_credentials") { 
     $("#alert-wrong-credentials").show(100); 
    } else if(data == "ok") { 
     $("#alert-wrong-credentials").hide(); 
    } 
}).fail(function(jqXHR, textStatus, errorThrown) { 
    console.log(errorThrown); 
}); 

我可以成功返回的錯誤信息「invalid_credentials」試圖不存在的憑據時，和當我輸入正確的用戶數據時，我可以看到用戶數據：

user found: [{"_id":"58af514cb63980d2e8a51fed","user":"gus","pass":"123"}] 

但我無法重新直接到index.html頁面。

Answer 1

您應該處理重定向在客戶端上一次登錄就完成了。如果您實際訪問LOGIN_ACTION_URL，重定向將會起作用。

if(data == "invalid_credentials") { 
     $("#alert-wrong-credentials").show(100); 
    } else if(data == "ok") { 
     // Redirect 
     window.location.href = "index_url"; 
    } 

此外，還有這裏Node.js Page Redirect on AJAX login? With a function call after redirect?類似的問題。

Answer 2

Ajax調用不影響當前的瀏覽器頁面。您向服務器發送請求。你得到一個迴應。如果你想在當前瀏覽器頁面改變，那麼你必須編寫JavaScript，着眼於Ajax響應，然後通過設置改變當前的瀏覽器頁面：響應

window.location = someURL; 

所以，做一個res.redirect()到一個Ajax調用將只返回一個302狀態到ajax調用。而已。如果您希望ajax調用將其用作改變當前瀏覽器頁面的指示符，那麼您必須編寫代碼來查找302響應，並從響應中獲取正確的標題，然後更改window.location。 Ajax調用沒有自動化的方法。

當瀏覽器請求一個URL的網頁，並加載網頁時，那麼它會跟隨在這一點重定向它得到一個302。但是，不適用於Ajax調用。一個ajax調用只是讓你得到響應，不管它是什麼，它取決於你的代碼處理響應，以實際地對它做些什麼。