Как лучше уникализировать страницу по адресной ссылке?

Question

[Алексей Коновалов]

Всем привет! Мне нужно записать данные формы в LocalStorage но значение формы должно зависеть от адреса страницы с параметрами.
Поэтому самым очевидным способом будет что-то вроде

window.localStorage.set(window.location.href, formData);

Но мне кажется этот вариант не правильным, т.к. там могут присутствовать спецсимволы, да и отсутствуют параметры которые идут после знака "?".
Подскажите, как мне лучше поступить в такой ситуации

Comments

[Elvis]

взять MD5 от window.location.href ?

Answer 1

[Алексей]

Можешь такую матрешку использовать в виде ключа

window.btoa( encodeURI( window.location.toString() ) );

Answer 2

[Надим]

Вот так делать НЕ надо:

window.localStorage.set(window.location.href, formData);

В качестве ключа надо использовать не адрес целиком, а только ту его часть, что отвечает за адрес страницы:
window.location.pathname

Итого, правильный вариант:

// Записать объект с данными в память:

data = {
    'test': 123
};

localStorage.setItem(location.pathname, JSON.stringify(data));

// Извлечь объект с данными из памяти:

data = JSON.parse(localStorage.getItem(location.pathname));

console.log(data);

Comments

[Алексей]

pathname не отображает квери запросы. Он жеж даже в вопросе писал "да и отсутствуют параметры которые идут после знака "?""

[Надим]

Алексей, если с учетом get параметров делать, то тут не все так просто. Эти самые get параметры могут иди в разном порядке, а значит прежде чем по ним считать хеш или создавать ключ, надо их серилизовать и отсортировать по алфавиту и только потом уникальный ключ мутить.

Плюс, в идеале еще попутно выбросить get параметры от всяких поисковых систем. Они будут только захламлять адрес и ключ.

[Алексей]

Надим Закиров, он собирается значения формы заполнять в соответствии с этим адресом, возможно просто как сохранение промежуточного результата заполнения, типа чтобы если юзер не отправил форму, то она у него таким образом сохранилась, я честно хз, до конца вопроса не понял, но запариваться уникальностью ключа я бы стал прям в последнюю очередь. В комменте же просто указал что ему изначально нужны гет параметры, которых pathname не имеет, так что это явно не правильный ответ, либо вопрос не правильный =)
Есть сомнения что автору любой из ответов будет интересен.

[Алексей Коновалов]

Алексей, Все верно, мне нужно это для промежуточного сохранения результата. Но один пользователь может заполнить несколько форм с разными параметрами (пример врач заполняет форму с данными о пациенте).
Надим Закиров, правильно указал на то, что в таком случае придется следить и за порядком параметров в строке...
Все же самый верный вариант будет брать из строки поиска важные параметры и использовать их в качестве ключа отсортировав по алфавиту