Как сохранить состояние мобильной страницы jquery без использования data-dom-cache

Question

Есть ли способ сохранить значения элементов формы на странице, не используя data-dom-cache на странице.

например. У меня есть форма, пользователь вводит защищенные данные в форму (Страница) и переходит на другую страницу (Страница2 - где форма продолжается), а при нажатии кнопки «Отправить» на сервер отправляется запрос.

1. Если запрос не удался и пользователь перешел на страницу 1, введенные пользователем значения сохраняются на странице.

2. Если запрос выполнен успешно и пользователь переходит на страницу 1, введенные пользователем значения НЕ сохраняются на странице.

Есть ли способ этого без использования атрибута 'data-dom-cache' на странице.

Answer 1

Вы можете использовать HTML sessionStorage

EDIT:

Когда вы покидаете стр.1 вы можете сохранить данные страницы в sessionStorage например

var keyForStep1 ='step1' 
var objectValue = JSON.stringify({name:"John",lastname:"Doe", other:"other staff"});//NOTE: your form data 
if (typeof (sessionStorage) !== "undefined") { 
       if (keyForStep1!== null) { 
        if (sessionStorage.keyForStep1) { 
         try { 
          //sessionStorage.key = objectValue; 
          sessionStorage.setItem(keyForStep1, objectValue); 
         } catch (e) { 
          console.log("LIMIT REACHED: (" + i + ")"); 
          console.log(e); 
         } 
        } 
       } 
      } 

И если запрос не вы можете прочитать данные из хранилища, как это (вы можете проверить, если keyForStep1 существует и если она затем считывать данные из него).

var objData = JSON.parse(sessionStorage.keyForStep1); 
console.log(objData.name)//etc.. 

http://www.w3schools.com/html/html5_webstorage.asp

Вы можете увидеть поддержку браузера для sessionStorage здесь:

http://caniuse.com/#feat=namevalue-storage