Lesen und Schreiben von localStorage?

Question

Ich fing gerade an, Phonegap + jQuery Mobile und HTML5 zu studieren, also verliere nicht deine Nerven mit meiner Idiotie!

Kann mir jemand sagen, warum das nicht funktioniert? Wenn ich eine Variable von localStorage verwende, erhalte ich nur einen leeren Bildschirm, wenn ich den Knopf drücke, aber wenn eine variable Temperatur = "100" verwendet wird, funktioniert es gut. Android 4.1.

<script type="text/javascript" charset="utf-8"> 
document.addEventListener("deviceready", onDeviceReady, false); 
function onDeviceReady() { 
    window.localStorage.setItem("temperature", "100"); 
    var temperature = window.localStorage.getItem("temperature"); 
} 
</script> 
<div data-role="content"> 
    <p>Working or not?</p> 
    <button onclick="myFunction()">Try it</button> 
    <p id="testi"></p> 
<script type="text/javascript"> 
    function myFunction() { 
    //var temperature = "100";----> This is working! 
    document.getElementById("testi").innerHTML = temperature; 
    } 
</script> 
</div> 

Eine andere Frage: Wie Variablen zwischen Seiten in Windows Phone umgehen? Sie unterstützen localStorage nicht, gibt es also eine andere Möglichkeit, dies zu handhaben, wenn Sie keine db-Verbindung haben?

Danke!

Sami

Answer 1

temperature ist lokal auf dem Umfang der onDeviceReady Funktion. Das heißt, sobald die Funktion beendet ist, ist sie weg.

Sie haben zwei Möglichkeiten:

// Make it global 
var temperature; 
document.addEventListener("deviceready", onDeviceReady, false); 
function onDeviceReady() { 
    window.localStorage.setItem("temperature", "100"); 
    temperature = window.localStorage.getItem("temperature"); 
} 

oder:

// Retrieve it in myFunction 
function myFunction() { 
    var temperature = localStorage.getItem("temperature"); 
    document.getElementById("testi").innerHTML = temperature; 
} 

Für eine gute Liste von Beispielen für Scope-Funktion, versuchen this answer.