码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-06-16 16:55:26      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:++   pre   数据   lin   sch   nbsp   缓存   describe   roc   

//资料列表:

//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();

 

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

标签:++   pre   数据   lin   sch   nbsp   缓存   describe   roc   

原文地址:http://www.cnblogs.com/nicoleyani/p/7027651.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!