Question

製作一個簡單的任務跟蹤應用程序，我剛剛爲應用程序實現了本地存儲，並且努力輸出存儲的信息。當我登錄chrome控制檯時，存儲的信息是正確的。

下面的代碼是我如何存儲數據以及我目前如何輸出來自用戶的輸入數據。

var taskItem = "<div class='task-item'><h1 class='task-name'>" + name + " 
</h1><h1 class='task-date'>" + date + "</h1><h1 class='task-assigned'>" + 
assigned + "</h1></div>"; //Current output of inputted data from user 

localStorage.setItem("Lname", JSON.stringify(name)); //storing the 
                 //inputted data 
localStorage.setItem("Ldate", JSON.stringify(date)); 
localStorage.setItem("Lassigned", JSON.stringify(assigned)); 

$(".task-wrapper").prepend(taskItem) 

我現在要做的是輸出下一次啓動應用程序的本地存儲。任何指針都會非常有幫助，謝謝。

Answer 1

你應該能夠做到

localStorage.getItem("Lname"); 

檢索您的數據。

見https://developer.mozilla.org/en-US/docs/Web/API/Storage/getItem

Answer 2

在我的應用我用這個小程序！ 試試吧..

var DB = function(){ 
    this.Read = function(index){ 
     return JSON.parse(localStorage[index]).data; 
    }; 

    this.Write = function(index, data){ 
     localStorage[index] = JSON.stringify({data : data}); 
    }; 

    this.Test = function(){ // test support localStorage! 
     return typeof localStorage == typeof {}; 
    }; 

    this.Clear = function(index){ 
     if(typeof index === "undefined"){ 
     localStorage = {}; 
     } else { 
     localStorage[index] = JSON.stringify({data : []}); 
     } 
    }; 
} 

例如：

var x = new DB(); // new data base 
if(!x.Test()) alert('Error!'); // not support! 
x.Write('food', ['food','bar','google']); // write data 
console.log(x.Read('food')); // get data! 

x.Clear('food'); // clear data! 
console.log(x.Read('food')); // get data! 

Answer 3

我找到了現在的工作，謝謝大家的幫助！我不得不使用從本地存儲獲取數據。

Rname = $.parseJSON(localStorage.getItem('Lname')) 

謝謝。