Как получить веб-страницы из кэша и восстановить данные в формах, когда я пытаюсь получить доступ к ним с других страниц моего сайта? - PullRequest
Новая
       12

Как получить веб-страницы из кэша и восстановить данные в формах, когда я пытаюсь получить доступ к ним с других страниц моего сайта?

1 голос
/ 03 октября 2019

У меня есть несколько страниц с формами на моем сайте. И у меня также есть навигация по сухарям и основная навигация. В каком-то смысле основная навигация и хлебные крошки очень похожи.

Но то, что я хочу, - это когда мы нажимаем на ссылки на крошки, мы переходим на страницы из кэша с данными, которые мы заполняли в формах до .

Fe

У меня есть страница 1, страница 2, страница 3. Я иду на страницу 1, помещаю некоторые данные в форму. Затем перейдите на страницу 2 или страницу 3. И я хочу вернуться на страницу 1 из моей навигации по сухарям и посмотреть все данные, которые я уже ввел в форму.

history.back ();или history.go ();не работают в этом случае, потому что для этого метода нам нужна прямая логика обогащения последней страницы в иерархии. Но в моем случае это не работает, потому что у меня есть и основная навигация, и хлебные крошки, которые ее дублируют (пожалуйста, не спрашивайте почему), и логика обогащения последней страницы в иерархии может быть хаотичной.

Я пытался использовать windows.location.reload ();потому что по умолчанию он должен перезагрузить страницу из кеша. Но это не работает. Возможно я использую это неправильно. Или есть другой способ решить эту проблему.

html 

<nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="page1.url">Page One</a></li>
                <li class="breadcrumb-item"><a href="page2.url">Page Two</a></li>
                <li class="breadcrumb-item active" >Page Thre</li>

            </ol>
</nav>

js 

$(window).load(function(){    
        $('.breadcrumb-item a').each(function(index) {
            var link = $(this).prop('href');
            $(this).on("click", function(){
                link = windows.location.reload();
            })            
        });
    });

1 Ответ

0 голосов
/ 03 октября 2019

Я думаю, вы можете использовать как https://api.jquery.com/serializeArray/, так и https://developer.mozilla.org/fr/docs/Web/API/Window/localStorage, чтобы сохранить ваши данные в формате json в локальном хранилище и извлечь их на любой странице. Вы должны сделать это при смене страницы: 

jsonData = $("form").serializeArray()
localStorage.setItem('pageOneData', jsonData);

Не стесняйтесь спрашивать меня, если не ясно

...