Как реализовать считывание и запись текста в сессию из textarea чтоб в случае перезагрузки страницы не писать текст заново?

Question

[Роман Скобцов]

Как реализовать считывание и запись текста в сессию из textarea чтоб в случае перезагрузки страницы или закрытия данной вкладки не писать текст заново?И открывая заново данную вкладку или страницу,чтоб текст написанный ранее уже присутствовал там.То-есть как сделать чтоб из поля ввода значение записалось в хранилище сессии,как например происходит на страницах заметок или чего то похожего.

Answer 1

[Денис Инешин]

Можно хранить например в sessionStorage.

Вот рабочий пример: jsfiddle.net/IonDen/ro48g9ts

var $form = $('#test'),
    $textarea = $form.find('textarea');

function checkSavedData () {
    var text = sessionStorage.getItem('mysite_text');
    if (text) {
        $textarea.prop('value', text);
    }
}

function saveData () {
    var text = $(this).prop('value');
    sessionStorage.setItem('mysite_text', text);
}

$textarea.on('change keyup', saveData);

$form.on("submit", function (e) {
    e.preventDefault();
    
    //$(this).submit();
    
    $textarea.prop('value', '');
    sessionStorage.removeItem('mysite_text');
});

checkSavedData();