如何使用 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 key，如果包含，则使用 window.location.href 或 window.location.replace() 重定向用户。

选项 3：使用 HTML 表单

如果不需要使用 fetch()，请考虑使用传统的 HTML 表单进行登录。当用户提交表单时，将向服务器发送 POST 请求。然后服务器可以返回 RedirectResponse，浏览器将自动将用户重定向到目标 URL。

以上是如何使用 JavaScript Fetch API 登录后重定向用户？的详细内容。更多信息请关注PHP中文网其他相关文章！