Lettura e scrittura da localStorage?

Question

Ho appena iniziato a studiare Phonegap + jQuery Mobile e HTML5 ,, quindi non perdere i nervi con la mia idiozia!

Qualcuno potrebbe dirmi perché questo non funziona? Quando utilizzo una variabile da localStorage, ottengo uno schermo vuoto quando si preme il pulsante, ma quando si utilizza una temperatura variabile = "100", funziona correttamente. 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> 

Un'altra domanda: come gestire le variabili tra le pagine in Windows Phone? Non supportano localStorage, quindi c'è un altro modo per gestirlo se non hai la connessione db?

Grazie!

Sami

Answer 1

temperature è locale alla portata della funzione onDeviceReady. Cioè, una volta che la funzione è finita, non c'è più.

Sono disponibili due opzioni:

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

o:

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

Per una buona lista di esempi di portata funzione, provare this answer.