JavaScript Fetch API를 사용하여 로그인 후 사용자를 리디렉션하는 방법은 무엇입니까?

JavaScript Fetch API를 사용하여 로그인 후 사용자를 다른 페이지로 리디렉션하는 방법은 무엇입니까?

fetch() API를 사용하여 로그인을 위해 서버에 POST 요청을 하는 경우 , 다음 옵션 중 하나를 사용하여 사용자를 다른 페이지로 리디렉션할 수 있습니다.

옵션 1: RedirectResponse 반환

기본적으로 JavaScript의 fetch() 함수는 자동으로 리디렉션을 따릅니다. 따라서 서버가 RedirectResponse를 반환하면 fetch() 요청은 리디렉션을 따르고 리디렉션 URL의 응답을 반환합니다.

응답이 리디렉션의 결과인지 확인하려면 Response.redirected인지 확인하세요. 사실입니다. 그렇다면 Response.url에는 리디렉션 후 최종 URL이 포함됩니다. window.location.href 또는 window.location.replace()를 사용하여 사용자를 대상 URL로 리디렉션합니다.

옵션 2: 리디렉션 URL로 JSON 반환

RedirectResponse를 반환하는 대신 서버는 대상 URL을 키-값 쌍으로 포함하는 JSON 응답을 반환할 수 있습니다(예: { "url": "/welcome" }). 클라이언트 측에서는 JSON 응답에 url 키가 포함되어 있는지 확인하고, 그렇다면 window.location.href 또는 window.location.replace()를 사용하여 사용자를 리디렉션하세요.

옵션 3: HTML 양식 사용

fetch() 사용이 필요하지 않은 경우 로그인에 기존 HTML 형식을 사용하는 것이 좋습니다. 사용자가 양식을 제출하면 POST 요청이 서버로 전송됩니다. 그러면 서버는 RedirectResponse를 반환할 수 있고 브라우저는 자동으로 사용자를 대상 URL로 리디렉션합니다.

위 내용은 JavaScript Fetch API를 사용하여 로그인 후 사용자를 리디렉션하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!