mui.storage 将数据持久化到本地

在一个用mui作得app中,要求把历史记录放在本地(感受。。。没法言喻的sd),但最终仍是作了,如下来记录本次的学习到的内容javascript

mui.plusReady(function() {
    //这里是一开始定义的json数据
    var b = [{
        name: 'lkr',
        id: '1',
        time: '2019/7/16',
        url:'http://img5.imgtn.bdimg.com/it/u=3300305952,1328708913&fm=26&gp=0.jpg'
    }]
    
    var objString = JSON.stringify(b)
    //将json数据变成字符串类型放入storage里面存储
    plus.storage.setItem('1', objString )
    
    
    //取出在storage里面的数据
    var objStringNew = plus.storage.getItem('1');
    var obj = JSON.parse(objStringNew)//将字符串转为json格式
    
    //将存储在本地的json数据拿出来
    obj.unshift({
        name:'lrk',
        id:'2',
        time:'2019/7/16',
        url:'图片的路径'
    })
    
    //html中获取一个元素
    var arraylist = document.getElementById('mainid');
    //定义一个变量,在初始化的时候把数据都初始化到这个变量中
    var neirong = " ";
    //利用for循环把数据遍历到控件中
    for (var i=0;i<obj.length;i++) {
        neirong += "<li class='mui-table-view-cell mui-media'>"+
            "<a href='javascript:;'>"+
                "<img class='mui-media-object mui-pull-right' src='"+ obj[i].url +"'>"+
               "<div class='mui-media-body'>"+
                   obj[i].name +
                " <p class='mui-ellipsis'>"+ obj[i].time +"</p>"+
               " </div>"+
            "</a>"+
      "  </li>";
    }
    //把数据放入html页面中进行渲染
    arraylist.innerHTML = neirong
})

以上是对mui本地存储的初步学习html

相关文章
相关标签/搜索