如何使用 JavaScript Fetch API 登入後重新導向使用者？-Python教學-PHP中文網

首頁

後端開發

Python教學

如何使用 JavaScript Fetch API 登入後重新導向使用者？

Linda Hamilton

Oct 18, 2024 pm 10:37 PM

How to Redirect Users After Login Using the 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中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

Python中的合併列表：選擇正確的方法May 14, 2025 am 12:11 AM

Tomergelistsinpython，YouCanusethe操作員，estextMethod，ListComprehension，Oritertools

如何在Python 3中加入兩個列表？May 14, 2025 am 12:09 AM

在Python3中，可以通過多種方法連接兩個列表：1)使用運算符，適用於小列表，但對大列表效率低；2)使用extend方法，適用於大列表，內存效率高，但會修改原列表；3)使用*運算符，適用於合併多個列表，不修改原列表；4)使用itertools.chain，適用於大數據集，內存效率高。

Python串聯列表字符串May 14, 2025 am 12:08 AM

使用join()方法是Python中從列表連接字符串最有效的方法。 1)使用join()方法高效且易讀。 2)循環使用運算符對大列表效率低。 3)列表推導式與join()結合適用於需要轉換的場景。 4)reduce()方法適用於其他類型歸約，但對字符串連接效率低。完整句子結束。

Python執行，那是什麼？May 14, 2025 am 12:06 AM

pythonexecutionistheprocessoftransformingpypythoncodeintoExecutablestructions.1）InternterPreterReadSthecode，ConvertingTingitIntObyTecode，whepythonvirtualmachine（pvm）theglobalinterpreterpreterpreterpreterlock（gil）the thepythonvirtualmachine（pvm）

Python：關鍵功能是什麼May 14, 2025 am 12:02 AM

Python的關鍵特性包括：1.語法簡潔易懂，適合初學者；2.動態類型系統，提高開發速度；3.豐富的標準庫，支持多種任務；4.強大的社區和生態系統，提供廣泛支持；5.解釋性，適合腳本和快速原型開發；6.多範式支持，適用於各種編程風格。

Python：編譯器還是解釋器？May 13, 2025 am 12:10 AM

Python是解釋型語言，但也包含編譯過程。 1）Python代碼先編譯成字節碼。 2）字節碼由Python虛擬機解釋執行。 3）這種混合機制使Python既靈活又高效，但執行速度不如完全編譯型語言。

python用於循環與循環時：何時使用哪個？May 13, 2025 am 12:07 AM

UseeAforloopWheniteratingOveraseQuenceOrforAspecificnumberoftimes; useAwhiLeLoopWhenconTinuingUntilAcIntiment.forloopsareIdealForkNownsences，而WhileLeleLeleLeleLeleLoopSituationSituationsItuationsItuationSuationSituationswithUndEtermentersitations。