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

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.jsdelivr.net/npm/@justaa/scripts/dist/forms/save-params-local-storage.js"></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>

Les attributes

Aucun - Aucun attribute nécessaire

Nom

Valeur

Aucun attribute nécessaire

Tous les paramètres d'URL seront automatiquement sauvegardés dans le local storage.

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Tuto

Template

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>