본문 바로가기
  • 삽질하는 자의 블로그
공부용-사이드프로젝트/Nodejs - 미니프로젝트-쇼핑몰

extra) fetch의 Post Method 를 사용하면 redirect가 되지 않아! 어떻게하지! (ajax 요청의 redirect)

by 이게뭐당가 2022. 9. 30.

전에, fetch 를 사용한 요놈 요 post요청에 redirect가 도~무지 먹히지 않아서, 결국 a 태그로 넘겼었다.

문제는 그렇게 넘기게되면

DB delete  => middleware의 locals.cartQunatity => view의 span 업데이트 => cart 옆 숫자표기 변경

보다, 

a태그가 먼저 발동되어, ORDER창으로 넘겨졌음에도, cart 옆의 숫자표기가 아직 바뀌지않는 현상

이 발생해버린다.

db는 삭제되었지만 a가 더빨라서 아직 안사라짐

그래서 결국 ajax를 하고도 redirect를 강제로 넘기는(?) 방법을 찾아야 했는데 찾았다!

 

바로 요렇게!

 

fetch 안에 redirect 속성을 주고 (사실 이건 안줘두 된다. 똑같다 결국! 안먹혀 으씨)

 

  response 안에 담긴 redirected 속성이 true 라면  

  window.location.href 로 페이지를 이동시켜버리면 된다.  

* response.redirected 

 boolean 속성으로, redirect가 요청되었다면 true로 나타난다.

 

편-안

댓글