Wie leite ich Benutzer nach der Anmeldung mithilfe der JavaScript-Abruf-API um?

Wie leite ich den Benutzer nach der Anmeldung mithilfe der JavaScript-Abruf-API auf eine andere Seite um?

Bei Verwendung der fetch()-API, um eine POST-Anfrage an einen Server zur Anmeldung zu stellen , kann die Weiterleitung des Benutzers auf eine andere Seite mit einer der folgenden Optionen erreicht werden:

Option 1: RedirectResponse zurückgeben

Standardmäßig folgt die fetch()-Funktion in JavaScript automatisch Weiterleitungen. Wenn der Server also eine RedirectResponse zurückgibt, folgt die fetch()-Anfrage der Umleitung und gibt die Antwort von der Umleitungs-URL zurück.

Um festzustellen, ob die Antwort das Ergebnis einer Umleitung ist, überprüfen Sie, ob Response.redirected ist wahr. Wenn dies der Fall ist, enthält Response.url nach etwaigen Weiterleitungen die endgültige URL. Verwenden Sie window.location.href oder window.location.replace(), um den Benutzer zur Ziel-URL umzuleiten.

Option 2: JSON mit Umleitungs-URL zurückgeben

Anstatt eine RedirectResponse zurückzugeben, wird die Der Server kann eine JSON-Antwort zurückgeben, die die Ziel-URL als Schlüssel-Wert-Paar enthält (z. B. { „url“: „/welcome“ }). Überprüfen Sie auf der Clientseite, ob die JSON-Antwort den URL-Schlüssel enthält, und verwenden Sie in diesem Fall window.location.href oder window.location.replace(), um den Benutzer umzuleiten.

Option 3: HTML-Formular verwenden

Wenn die Verwendung von fetch() nicht erforderlich ist, sollten Sie die Verwendung eines herkömmlichen HTML-Formulars für die Anmeldung in Betracht ziehen. Wenn der Benutzer das Formular absendet, wird eine POST-Anfrage an den Server gesendet. Der Server kann dann eine RedirectResponse zurückgeben und der Browser leitet den Benutzer automatisch zur Ziel-URL weiter.

Das obige ist der detaillierte Inhalt vonWie leite ich Benutzer nach der Anmeldung mithilfe der JavaScript-Abruf-API um?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!