javascript - Plusieurs pages partagent la même navigation. Comment introduire cette navigation partagée pour éviter les duplications?

Question

Un scénario très courant. Dans le passé, il était introduit à l'aide de l'inclusion de PHP. Quelles méthodes peuvent être utilisées au niveau du front-end pour ce faire ?
Les bibliothèques désormais introduites incluent jQuery et Webpack

Ceux qui me viennent à l'esprit sont :

1. Envoyez une requête Ajax et mettez la page demandée dans le conteneur :

   $.get("header.html",function(data){
      $("#header").html(data);
   });

2. Faites de la navigation un composant jQuery et initialisez-le pour chaque page utilisée

   `$("#header").initHeader()`
   

Mes deux idées sont-elles correctes ?
Y a-t-il un autre moyen ?
Et quelles sont les méthodes couramment utilisées ?

Answer 1

Il devrait toujours y avoir un fichier modèle. Cela semble bizarre de l'implémenter en utilisant des composants jq...

Answer 2

Écrivez nav dans public js et initialisez-le là.
Pas besoin d'initialiser à chaque page.