Đọc và viết từ localStorage?

Question

Tôi mới bắt đầu nghiên cứu Phonegap + jQuery Mobile và HTML5, vì vậy đừng rời bỏ dây thần kinh của bạn với sự ngu ngốc của tôi!

Ai đó có thể cho tôi biết lý do tại sao tính năng này không hoạt động? Khi tôi đang sử dụng một biến từ localStorage, tôi chỉ nhận được một màn hình trống khi nhấn nút, nhưng khi sử dụng nhiệt độ biến = "100", nó hoạt động tốt. 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> 

Một câu hỏi khác: Cách xử lý các biến giữa các trang trong Windows Phone? Họ không hỗ trợ localStorage, vì vậy có cách nào khác để xử lý điều này nếu bạn không có kết nối db không?

Cảm ơn!

Sami

Answer 1

temperature là địa phương để phạm vi của onDeviceReady chức năng. Đó là, khi chức năng kết thúc, nó biến mất.

Bạn có hai lựa chọn:

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

hay:

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

Đối với một danh sách tốt ví dụ về phạm vi chức năng, hãy thử this answer.