Скрытый макет страницы теряется при обновлении

Question

Мы разработали приложение с макетом с вкладками.

Tabbed Page Style

вкладок являются страницами и создаются по щелчку меню, это и добавил в родительском контейнере как дочерний DOM элемент, это новая форма, которая имеет входные элементы, мы могли бы иметь много вкладок страниц на время. мое приложение находится в Spring MVC, PostgresSQL, JQuery.

Что происходит, когда обновляется, теряются все добавленные динамические новые вкладки (вкладки являются страницами, и мы потеряли текущее состояние).

При необходимости я мог бы предоставить ссылочный код.

Пожалуйста, предложите, как я могу управлять состоянием приложения.

Answer 1

Обновление/обновление окна - это чистое событие браузера, которое завершает выполнение страницы, после этого невозможно обеспечить непрерывность скрипта.

Один из вариантов - приложить оповещение к window.onbeforeunload, информируя пользователя о том, что содержимое будет потеряно, если они перезагрузятся - это будет работать с закрытием окна и обновлением.

Если вам нужно перезагрузить (например, для загрузки свежих данных на вкладках) при сохранении вкладок, вы можете использовать window.onbeforeunload, чтобы предложить пользователю, хотите ли они сохранить данные/макет перед закрытием, и если да, выполните вызов AJAX на сервер, где вы сохраняете вкладки (связывая их с сеансом). Это означает, что при загрузке страницы вам нужно сначала проверить, есть ли данные вкладки, связанные с сеансом, и загрузка оттуда.

Другой вариант - и это было бы моим преимуществом - использовать window.localStorage для сохранения данных на диске пользователя и проверки загрузки страницы, если есть данные в localStorage. На данный момент он имеет довольно широкую поддержку браузера, и есть хорошие библиотеки, которые делают его легким. Я использовал store.js и могу ручаться за его легкость и надежность.