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

相關文章
相關標籤/搜索