Stocker les paramètres d'URL dans le local storage

Garder les paramètres d'URL dans la local storage

Language: Javascript

Catégorie : Formulaire

<script>

function saveQueryParams() {
  const existingParams = JSON.parse(localStorage.getItem('queryParams')) || {};

  const queryString = window.location.search;

  if (queryString) {
    const newParams = {};
    const urlParams = new URLSearchParams(queryString);

    urlParams.forEach((value, key) => {
      newParams[key] = value;
    });

    const params = { ...existingParams, ...newParams };

    localStorage.setItem('queryParams', JSON.stringify(params));
  }
}

function loadQueryParams() {
  let params = {};

  if (localStorage.getItem('queryParams')) {
    params = JSON.parse(localStorage.getItem('queryParams'));
  }
  return params;
}

saveQueryParams();

loadQueryParams();

</script>

Sommaire

Le script

Les attributes

Source du script

Utiliser un LLM pour résumer ou expliquer ce script

Le script

Ajouter le script sur la page ou le projet Webflow

<!-- Scripts by Justa | Save Query Params on Local Storage -->
<script src="https://cdn-scripts.justa.fr/dist/forms/save-params-local-storage.js"></script>

Code source du script

<script>

function saveQueryParams() {
  const existingParams = JSON.parse(localStorage.getItem('queryParams')) || {};

  const queryString = window.location.search;

  if (queryString) {
    const newParams = {};
    const urlParams = new URLSearchParams(queryString);

    urlParams.forEach((value, key) => {
      newParams[key] = value;
    });

    const params = { ...existingParams, ...newParams };

    localStorage.setItem('queryParams', JSON.stringify(params));
  }
}

function loadQueryParams() {
  let params = {};

  if (localStorage.getItem('queryParams')) {
    params = JSON.parse(localStorage.getItem('queryParams'));
  }
  return params;
}

saveQueryParams();

loadQueryParams();

</script>