Как сделать, чтобы скрипт "запоминалка" помнил данные со всех страниц?

D
На сайте с 01.09.2015
Offline
56
81

Здравствуйте. Помогите, пожалуйста решить следующую задачу. Ниже скрипт, который запоминает данные из формы введенные посетителем.

Проблема в том, что если на сайте несколько таких запоминалок, на разных страницах. То Браузер запоминает только данные введенные на последней странице.

Подскажите, как сделать, чтобы можно было ввести данные на странице А, затем на странице В, И уже на странице С получить выдачу с обеих страниц А и В?

Скрипт на странице запоминалки:

    (function main() {
        var form = document.querySelector("#user-greeting > form");
        
        form.addEventListener("submit", function(event) {
            event.preventDefault();
            var data = new FormData(form);
            localStorage.name = JSON.stringify(Object.fromEntries(data));
            form.submit();
        });
    })();

Скрипт на странице выдачи:

    document.addEventListener("DOMContentLoaded", function() {
    if("name" in localStorage === false) return location.replace("./");
    const data = JSON.parse(localStorage.name || "{}");
    
    for(const [key, value] of Object.entries(data)) {
      for(const node of document.querySelectorAll(`[data-field="${key}"]`)) {
        node.textContent = value;
      }
    }
    });

Форма:

<section id="user-greeting">
<form action="">    
 
<input il-action="listen" autocomplete="firstname" name="firstname" type="text">
 
<input il-action="listen" autocomplete="lastname" name="lastname" type="text">
 
<button>Отправить</button>
 
</form>
</section>

На странице выдачи:

<span data-field="firstname"><span></span></span>
<span data-field="lastname"><span></span></span>







Anamnado
На сайте с 08.02.2010
Offline
239
#1

ну так аяксом. обрабатывайте как хотите 

скрипт то тоже будет одинаковый просто еще будет и адрес страницы передавать в php или чего у вас там ...

все события обработать при вводе данных  тоже нет проблем DHTML (если одной кнопки  ок мало, или чего там у вас )

Подпись без рабочей ссылки все равно, что коитус без кульминации ((c) Anadonam)
S
На сайте с 13.10.2014
Offline
147
#2
или можете использовать cookie/LocalStorage для того, чтобы хранить введенные пользователем данные.
вариантов решения, как всегда, миллион

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий