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'))

感谢。

在启动时使用JavaScript输出我的本地存储

3 个答案: