노드 js 응용 프로그램의 작은 문제

Question

내 nodejs 응용 프로그램에서 이름/암호를 사용하는 HTML 파일을 표시하기 위해 sendFile을 사용하는 route/login이 있습니다. 내 서버 측 app.js에서 이름과 암호를 사용하도록 게시 전화를 썼습니다. 지금 내 html Iam에서 아약스 호출을 호출하여 호출을 호출하고 성공하면/admin 페이지로 이동합니다.이 경우 나는 res.send() 호출로 내 나머지 호출을 생각하고 있습니다. 그러나 Iam은 인식하지 못합니다. HTML 파일을 보내 ..

app.get('/', function(req, res, next) { 
    res.sendFile(__dirname + '/public/views/home.html'); 
}); 

app.get('/login', function(req, res, next) { 
    res.send('respond with a resource'); 
    res.sendFile(__dirname + '/public/views/login.html'); 
}); 

app.get('/admin', function(req, res, next) { 
    res.sendFile(__dirname + '/public/views/admin.html'); 
}); 

app.post('/verifylogin',function(req,res){ 
    var username = req.headers.uname; 
    var password = req.headers.pwd; 
    var uname = "admin"; 
    var pwd = "admin"; 
    var login = false; 

    if(uname == username && pwd == password){ 
     console.log("success"); 
     login = true; 
    } else { 
     console.log("fail"); 
     login = false; 
    } 

    if(login == true){ 
     res.send();//how can I take to /admin here 
    } else { 
     res.send("Bad luck"); 
    } 
}); 

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 

<script type="text/javascript"> 
    function login(){ 
     var uname = document.getElementById('uname').value; 
     var pwd = document.getElementById('pwd').value; 

     $.ajax({ 
      url : '/verifylogin', 
      type : "POST", 
      headers : { 
       "uname":uname, 
       "pwd" :pwd 
      } 
     }); 
     console.log("name",uname); 
    } 
</script> 

<h1>Login</h1> 
<p> 
    <label class="control-label">Username</label> 
    <input type="text" placeholder="Username" id="uname"/> 
</p> 
<p> 
    <label class="control-label">Password</label> 
    <input type="password" placeholder="Password" id="pwd"/><br/> 
</p> 
<p> 
    <button type="submit" class="btn btn-primary" onclick="login()">Login</button> 
</p> 

를 로그인 성공 인 경우 방법 I에게 길을 수/admin .. 누군가 여기서 도움을받을 수 있습니다!

Answer 1

@ jfriend00은 (는) 브라우저가 ajax 호출에서 리디렉션되지 않음을 명시했습니다. 그래서 내가 보여 줄 2 가지 옵션 중 1 가지를 할 수 있습니다.

1º 옵션 :

클라이언트는 : 아약스 스크립트를 제거하고 HTML 양식을 통해 호출을 처리합니다.

는 HTML 페이지에 양식을 추가

<form method="post" action="/verifylogin"> 
    <label class="control-label">Username</label> 
    <input type="text" placeholder="Username" name="uname"/> 
    <label class="control-label">Password</label> 
    <input type="password" placeholder="Password" name="pwd"/> 
    <button type="submit" class="btn btn-primary">Login</button> 
</form> 

서버 :

가 지정된 URL로 리디렉션 대신 send의 redirect 방법을 사용합니다.

if (login == true) { 
    res.redirect('/admin'); 
} 

2 º 옵션 :는 AJAX 호출 콘텐츠로 페이지를 전송하고 그것에 페이지를 리디렉션합니다.

클라이언트 : 당신은 쿠키를 사용합니다 .. 당신은 이론에 대한 부족이

if(login == true) { 
    res.contentType('application/json'); 
    var data = JSON.stringify('your_url') // im not sure if you can use relative path here 
    res.header('Content-Length', data.length); 
    res.end(data); 
}