Хранить временные данные с помощью JQuery

Question

У меня есть окно чата, где пользователь может общаться. Но проблема в том, что пользователь обновляет все предыдущие данные.

Так что я могу хранить все данные, введенные в textarea havind id 'chat-box-textinput', и показать его даже при обновлении.

function chatRefreshState(state) { 
      if (state) { 
       $('#chat-box-header').text(options.onlineTitle); 
       if (!requestChat) { 
        $('#chat-box').html(
         '<div id="chat-box-msg" style="height:225px;overflow:auto;">' + 
         '<p>Have a question? Let\'s chat!</p><p>Enter your Name & Question in the field\'s below and press ENTER.</p>' + 
         '<p style="margin-top:10px;">Enter Your Name</p><input type="text" id="chat-box-name" style="border:1px solid #0354cb;border-radius: 3px;width: 100%;height:30px;" class="chat-editing" /></div>' + 
         '<div id="chat-box-input" ><textarea id="chat-box-textinput" style="width:100%;height:45px;border:1px solid #0354cb;border-radius: 3px;" /></div>' 
        ); 
       } 
      } else { 
       if (!chatEditing) { 
        $('#chat-box-header').text(options.offlineTitle); 
        $('#chat-box-input').hide(); 
        $('#chat-box').html(
         '<p>Your email</p><input type="text" id="chat-box-email" style="border:1px solid #0354cb;border-radius: 3px;width: 100%;" class="chat-editing" />' + 
         '<p>Your message</p><textarea id="chat-box-cmt" cols="40" rows="7" class="chat-editing" style="border:1px solid #0354cb;border-radius: 3px;"></textarea>' + 
         '<p><input type="button" id="chat-box-send" value="Contact us" />' 
        ); 
       } 
      } 
     } 

Большое спасибо

Answer 1

попытка html5 хранения или использования JQuery плагин

С HTML5, веб-страницы могут хранить данные локально в браузере пользователя.

ССЫЛКА http://www.w3schools.com/html/html5_webstorage.asp

jStorage =>http://www.jstorage.info/

JQuery-полного хранения => https://github.com/Upstatement/jquery-total-storage Полезная ссылка

http://plugins.jquery.com/tag/storage/

Answer 2

Вы можете использовать это, но это зависит в браузере.

window.localStorage.setItem("testdata","yes you are"); 

window.localStorage.getItem("testdata");