sessionStorage与clone方法在项目中的应用

Posted 2020-09-23 nicole亚妮

//资料列表：

//JSON.parse(jsonstr); //json格式字符串转换成json对象 
//JSON.stringify(jsonobj); //json对象转换成json格式字符串 

var wxZlInfosList = data.respData.wxZlInfos;//从接口获取后台数据
sessionStorage.setItem("wxZlInfosList",JSON.stringify(wxZlInfosList));//缓存数据
var wxMortProcessList = JSON.parse(sessionStorage.getItem(‘wxMortProcessList‘));//获取缓存数据
console.log(wxMortProcessList);

//clone方法生成列表，并显示。注意隐藏第一条被克隆的无数据的<li>;
if(wxMortProcessList.length > 0){
    for(var i=0;i < wxMortProcessList.length; i++){
        var clone=$("#schedulListItem li").eq(0).clone();
        clone.find(".date").html(wxMortProcessList[i].proDate);
        clone.find(".title").html(wxMortProcessList[i].proState);
        clone.find(".describe").html(wxMortProcessList[i].remark);        
        $("#schedulListItem").append(clone);
        $(clone).show();
    }
}
$("#schedulListItem li").eq(0).hide();