搜索历史localstage本地化存储


4949 | 229  | 458 | 添加收藏 上一个 下一个
资源描述 : 使用localstage本地化存储,将搜索历史缓存下来,便于记录显示
搜索历史localstage本地化存储
资源详情

引入本地化存储函数mystorage,存储localstorage时候最好是封装一个自己的键值,在这个值里存储自己的内容对象,封装一个方法针对自己对象进行操作。避免冲突也会在开发中更方便。


使用:


console.log(mystorage.set('tqtest', 'tqtestcontent')); //存储 
console.log(mystorage.set('aa','123'));//存储 
console.log(mystorage.set('tqtest1','tqtestcontent1'));//存储 
console.log(mystorage.set('tqtest1','newtqtestcontent1'));//修改 
console.log(mystorage.get('tqtest'));//读取 
console.log(mystorage.remove('tqtest'));//删除 
mystorage.clear();//整体清除

存入搜索历史函数中:


 /**
     * [history //搜索历史函数存储]
     * @param  {[type]} value [搜索词]
     * @return {[type]}       [description]
 */
function history(value) {
    var data = mystorage.get("keywords");
    if (!data) {
        var data = []; //定义一个空数组   
    } else if (data.length === 3) {
        //搜索历史数量      
        data.shift(); //删除数组第一个元素有   
    } else {};
    if (value) {
        //判断搜索词是否为空       
        if (data.indexOf(value) < 0) {
            //判断搜索词是否存在数组中          
            data.push(value); //搜索词添加到数组中           
            mystorage.set("keywords", data); //存储到本地化存储中   
        };
    };
}

点击搜索按钮,或回车时触发history()函数,并传入搜索关键词



指尖代码 资源每日更新 www.zjdaima.com