Redirection vers une URL relative en JavaScript

Shiv Yadav 15 février 2024

JavaScript JavaScript Redirect

Redirection vers une URL relative en JavaScript

Sur vos sites Web, vous devrez peut-être souvent rediriger les pages. Bien qu’il soit conseillé de transformer les pages Web et les URL du côté serveur, il peut arriver que vous deviez utiliser JavaScript pour rediriger les pages du côté client.

Nous allons découvrir comment décaler à l’aide de JavaScript dans ce tutoriel.

Redirection vers une URL relative en JavaScript

Bien que la plupart des bibliothèques JavaScript, telles que jQuery, aient des fonctions prédéfinies pour rediriger les pages Web, l’utilisation de JavaScript simple est toujours plus simple. Il existe deux méthodes de redirection JavaScript.

Considérez le scénario où vous souhaitez rediriger vers www.newwebsite.com/new-location. Dans cette situation, vous pouvez inclure l’une des commandes suivantes dans le code JS de votre page Web.

Syntaxe:

window.location.replace("/url or path"); //or

window.location.href = "/url or path";

La redirection n’ajoutera pas d’enregistrement à l’historique du navigateur dans un premier temps. Cependant, comme si vous cliquiez sur une autre URL de votre site Web, une description sera ajoutée dans un second temps.

Exemple:

<!DOCTYPE html>
<html>
  <head>
    <script>
      function nUrl() {
        window.location.href = "b.html";
      }
    </script>
  </head>

  <body>
    <input type="button" value="Redirect page" onclick="nUrl()" />
  </body>
</html>

Remarque : Assurez-vous que le chemin relatif que vous indiquez est absolu. Et vous devriez avoir une autre page enregistrée sous b.html.

Production:

URL relative de redirection JavaScript

Lorsque vous cliquez sur le bouton Redirect page, le lien de la page sera redirigé comme ceci :

Page JavaScript redirigée

Notez ce qui suit :

JavaScript ne peut pas être utilisé pour rediriger d’une page Web HTTPS vers un site Web HTTP. La majorité des navigateurs ne vous laisseront pas le faire.

Vous pouvez rediriger de HTTP vers HTTP, HTTP vers HTTPS et HTTPS uniquement vers des pages HTTPS à l’aide de JavaScript. Vous devez utiliser la redirection côté serveur d’un site HTTPS vers un site Web HTTP.
Vous pouvez utiliser des chemins absolus (comme /new-location) ou des URL complètes (comme http://www.newwebsite.com/new-location). Le navigateur redirigera vers le site Web en utilisant le même protocole HTTP/HTTPS sans le modifier si vous spécifiez un chemin relatif pour la redirection.

Il serait préférable que vous fournissiez l’URL complète pour rediriger d’une page HTTP vers une page HTTPS.
Cela pourrait ne pas fonctionner si vous placez la redirection dans le gestionnaire de fonction pour le bouton Soumettre car le navigateur soumettra le formulaire plutôt que de rediriger la page. Dans ces circonstances, vous pouvez utiliser AJAX pour soumettre le formulaire, puis rediriger en fonction de la réponse du bouton.

Auteur: Shiv Yadav

Shiv is a self-driven and passionate Machine learning Learner who is innovative in application design, development, testing, and deployment and provides program requirements into sustainable advanced technical solutions through JavaScript, Python, and other programs for continuous improvement of AI technologies.

Redirection vers une URL relative en JavaScript

Article connexe - JavaScript Redirect