HTML5-Speicherproblem

Question

Ich habe eine Notizen-Box, die verwendet werden können, um Notizen zu speichern, ursprünglich war ich mit Cookies, um die Einträge zu speichern, dann habe ich versucht, HTML5 Storage und ich kann nicht bekommen, es zu arbeiten, hier ist der Code:

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

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

Answer 1

Hier ist ein funktionierender Code: Vorschau (geben Sie ein, und zeigen Sie dann Ihr localStorage in Ihrer Konsole an) :
http://jsbin.com/exote5/

Quelle:
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
  }
});

\== HINWEIS ZUM FILE:///-PROTOKOLL ==
Sie müssen localStorage auf einem Server haben (http oder https). Firefox lässt Sie diese nicht lokal verwenden. Wenn Sie einen Mac verwenden, können Sie MAMP oder unter Windows können Sie WAMP Wenn Sie mit Linux arbeiten, wissen Sie wahrscheinlich bereits, wie man eine lokale Hosting-Umgebung mit Apache einrichtet, die normalerweise bereitgestellt wird...

Answer 2

Ich würde empfehlen, die bereitgestellten Methoden zu verwenden, um auf localStorage zuzugreifen, anstatt wie Sie es tun:

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

Um dann einen Wert zu erhalten:

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

Überprüfen Sie jedoch, ob localStorage überhaupt verfügbar ist:

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

Andernfalls müssen Sie den Benutzer auffordern, seinen Browser zu aktualisieren, der unterstützt die lokale Speicherung .