Как сохранить состояние страницы?

@server_net · Регистрация: 07.03.2019

Студворк — интернет-сервис помощи студентам

Добрый день, у меня такой вопрос.
У меня есть главная страница с id="home", при нажатии показать home убирает все что там есть и ставит загрузку

JavaScript
1
$('#home').html(load);

И при нажатии назад, мне опять нужно делать ajax запрос на сервер, и ставлять все это в home.
Как сделать так чтобы при нажатии на Показать, home просто очистила блок, и при нажатии назад без ajax запроса вывести обратно все?

@Algoritmer · 29.06.2019, 21:42

Объявляешь глобально

JavaScript
1
var back_page;

При нажатии показать

JavaScript
1
2
back_page=$('#home').html();
$('#home').html(load);

При нажатии назад

JavaScript
1
$('#home').html(back_page);

@Mr_Sergo · 29.06.2019, 22:31

server_net,

https://codepen.io/Mr_Sergo/pen/wLyMBZ

HTML5
1
2
3
4
<body id="home">
<h2>Страница home</h2>
<button>Перейти на другую страницу</button>
<img src="https://pp.userapi.com/c830409/v830409785/1be33e/73SFiK33foM.jpg">

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$(document).ready(() => {
    let old = $('body').html();
    
    // load содержит то что пришло в аджаксе
    let load = `
        <h2>Другая страница</h2>
        <button>Назад</button>
        <img src="https://pp.userapi.com/c830409/v830409785/1be345/oIX93cgm34k.jpg">    
    `;
    
    $(document).on('click','button',() => {
        if($('body').prop('id') == 'home'){
            setTimeout(() => $('body').prop('id','otherPage') ,20);
            $('body').html(load);
        }
        else{
            setTimeout(() => $('body').prop('id','home') ,20);
            $('body').html(old);
        }
    });
});

CSS
1
2
3
4
5
6
7
#home{
    background: aquamarine;
}
 
#otherPage{
    background: burlywood;
}

js-овский файл подключать в head

Новые блоги и статьи Все статьи Все блоги /
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ