Comment gérer les redirections après la connexion avec l'API Fetch de JavaScript ?

Comment rediriger vers une autre page après la connexion à l'aide de l'API JavaScript Fetch ?

En utilisant la méthode fetch() de JavaScript, vous pouvez gérer les connexions et rediriger les utilisateurs vers d'autres pages de manière transparente. Cependant, si vous rencontrez des problèmes avec les redirections qui ne fonctionnent pas, envisagez les options suivantes :

Option 1 : Renvoyer la réponse de redirection

Lors de l'utilisation de fetch(), les redirections sont automatiquement suivies côté client. Cependant, vous pouvez utiliser Response.redirected pour vérifier si la réponse est le résultat d'une redirection. Si tel est le cas, utilisez Response.url pour récupérer l'URL finale et rediriger l'utilisateur avec window.location.href ou window.location.replace().

Option 2 : renvoyer JSON avec l'URL de redirection

Au lieu d'une RedirectResponse, renvoyez une réponse JSON avec l'URL de redirection incluse. Côté client, vérifiez si la réponse inclut la clé « url » et redirigez l'utilisateur en conséquence. Alternativement, vous pouvez ajouter l'URL de redirection à un en-tête de réponse personnalisé côté serveur.

Option 3 : Utiliser HTML

Si l'utilisation de fetch() n'est pas obligatoire, vous pouvez utilisez un HTML traditionnel. et demandez à l'utilisateur de le soumettre. Dans ce cas, l'utilisation de RedirectResponse côté serveur redirigera automatiquement l'utilisateur sans actions supplémentaires côté client.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!