Question

我正在构建一个TwitterApi应用程序，它会在搜索框中输入关键字的单词返回所有热门推文。

到目前为止，我有3个按钮，一个用于搜索，一个用于添加，另一个用于删除。当我点击搜索时，它会搜索Twitter，当我点击添加时，它会搜索关键字并输入local storage，以便我以后可以使用它。我的想法是在一个列表中显示local storage中存储的内容，以便稍后可以从该列表中搜索（如已保存的搜索）

我的想法是通过追加来做到这一点：

$('#btn-add').click(function () {                
            var inputValue = $("#search-box").val();    
            var currentSavedTweets = localStorage.getItem ("SavedTweets");          
            localStorage.setItem ("SavedTweets", currentSavedTweets + "," + inputValue);                                  
              });

现在我试过了：

$("#btn-add").click(function(){
            $("ol").append("<li> localStorage.getItem(SavedTweets) </li>");
                 });

代码的第二部分不起作用。你能帮忙吗？

Answer 1

我不会采取这种方法。您通过以逗号分隔存储来检索项目很困难，并且可能还会导致其他一些小问题。

看看this simple example如何在本地存储中存储json数组。

// load into memory
if (localStorage['tasks']) {
   var tasks = JSON.parse(localStorage['tasks']);
}else {
   var tasks = [];
}

...

// add the task to the array
tasks.push(val);

// save to local storage
localStorage["tasks"] = JSON.stringify(tasks);

如何将搜索从localstorage追加到无序列表

1 个答案: