10 글 보임 - 1 에서 10 까지 (총 10 중에서)
-
ajax로 보낸 데이터에 따라 각각 다른 페이지로 redirect 하고자 합니다. 아래와 같이 코드를 작성했을 때 발생하는 문제점과 상황입니다. - ajax로 넘긴 ANumber를 server의 console에 출력 시 잘 출력 됨 - server.js에서 if문 없이 infoA1이나 infoA2만 사용하여 redirect했을 때 문제 없음 > ANumber 값에 따라 다른 페이지로 redirect하기 위해 if문 사용 - server.js에서 if문 사용 시 if문 내부의 console은 잘 출력 되지만 redirect는 안됨 if문 없이 redirect하면 문제가 없고, if문을 사용하더라도 if문 내부의 console이 출력되는 것으로 보아 data는 잘 받아오나, redirect가 안되는 이유를 모르겠습니다....
<<server.js>>-------------------------------------------------------------- app.post('/A', function(req, res) { console.log("ANumber : " + req.body.ANumber) //res.redirect('/infoA1'); //res.redirect('/infoA2');if(req.body.ANumber == "A1"){ res.redirect('/infoA1'); console.log("req.body.ANumber is A1") } else if(req.body.ANumber == "A2"){ res.redirect('/infoA2'); console.log("req.body.ANumber is A2") } }) -----------------------------------------------------------------------------<<A.ejs>>----------------------------------------------------------------- <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <form action="/A" method="POST"> <button class="btn btn-primary" id="num1" type="submit">num1</button> <button class="btn btn-primary" id="num2" type="submit">num2</button> </form><script> $('#num1').click(function() { $.ajax({ method : 'POST', url : '/A', data : {ANumber:"A1"} }) }) $('#num2').click(function() { $.ajax({ method : 'POST', url : '/A', data : {ANumber:"A2"} }) }) </script> ----------------------------------------------------------------------------- if문을 사용하고 A1을 클릭한 경우,.. console 출력 - server>> ANumber : A1 req.body.ANumber is A1 => 이 부분이 출력된다면 redirect가 되어야 하는데 안됩니다. ANumber : undefined => 이 부분이 왜 출력되는지는 모르겠습니다.. console 출력 - browser>>
A:111과 A:105는 /A로 get요청 시 server에서 render한 값을 콘솔에 출력하는 부분으로
예시를 든다면 아래와 같습니다.
ex) {에이1:data} 형태로 server에서 render했을 때,
let A1 = "<%= 에이1 %>";
console.log("에이1 is >>> " + A1) // 이 부분 입니다.+) 일단 뭐든 해보고자 해서 아래와 같이 2가지 방법으로 코드를 넣어봤는데 페이지가 안 넘어가서 브라우저의 로딩부분이 계속 돌아갑니다.. (1번 사용할 때는 2번 삭제, 2번 사용할 때는 1번 삭제하여 테스트 하였습니다) <<A.ejs>> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <form action="/A" method="POST"> <button class="btn btn-primary" id="num1" type="submit" onclick="location.href='infoA1.ejs';">num1</button> //1-1) <button class="btn btn-primary" id="num2" type="submit" onclick="location.href='/infoA2'">num2</button> //1-2) </form> <script> $('#num1').click(function() { window.location.href='/infoA1'; //2) }) $('#num2').click(function() { window.location.href='/infoA2'; }) </script> +) Button 요소의 type이 form 때문에 submit이라면 onClick을 사용할 수 없나요?
로 수정하니 페이지 이동은 되긴 합니다..ㅠㅠ
10 글 보임 - 1 에서 10 까지 (총 10 중에서)
- 답변은 로그인 후 가능합니다.