Проблема с хранением HTML5

Question

У меня есть поле для заметок, которое можно использовать для хранения заметок, изначально я использовал файлы cookie для хранения записей, затем я попытался использовать хранилище HTML5 и не могу заставить его работать, вот код:

$(document).ready(function () {
$('#savesNotes').click(function () {            
    localStorage.nltwonotes=document.forms[0].todo1.value;
}
});

document.forms[0].todo1.value=localStorage.nltwonotes;
});

Answer 1

Вот некоторый рабочий код: Предварительный просмотр (введите, затем просмотрите localStorage в консоли):
http://jsbin.com/exote5/

Источник:
http://jsbin.com/exote5/edit

$(document).ready(function () {
  $('#saveNotes').click(function () {
      localStorage.nltwonotes=$('#note').val();
  });
  if(localStorage.nltwonotes){
    $('#note').val(localStorage.nltwonotes);
  }
  else{
    //Not set yet
  }
});

== ПРИМЕЧАНИЕ ОБ ФАЙЛЕ: /// ПРОТОКОЛ ==
Вы должны иметь localStorage на сервере (http или https). Firefox не позволит вам использовать их локально. Если вы используете Mac, вы можете использовать MAMP или в Windows вы можете использовать WAMP Если вы работаете в Linux, вы, вероятно, уже знаете, как настроить среду локального хостинга с помощью apache, который обычно предоставляется ...

Answer 2

Я бы рекомендовал использовать предоставленные методы для доступа к localStorage вместо того, как вы это делаете:

localStorage.setItem("nltwonotes", document.forms[0].todo1.value);

Затем, чтобы получить значение:

document.forms[0].todo1.value = localStorage.getItem("nltwonotes");

Тем не менее, убедитесь, что вы проверите, доступен ли localStorage:

function supports_html5_storage() {
  try {
    return 'localStorage' in window && window['localStorage'] !== null;
  } catch (e) {
    return false;
  }
}

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