欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

利用js对象将iframe数据缓存, 实现子页面跳转后, 返回时不丢失之前填写的数据

程序员文章站 2022-07-01 23:32:58
利用js对象将iframe数据缓存, 实现子页面跳转后, 返回时不丢失之前填写的数据 实现描述:将数据存放在js对象中, 然后放在父页面的document对象中, 在页面刷新的时候将父页面的值取出来, 然后再赋值 代码实现 ......

利用js对象将iframe数据缓存, 实现子页面跳转后, 返回时不丢失之前填写的数据


实现描述:将数据存放在js对象中, 然后放在父页面的document对象中, 在页面刷新的时候将父页面的值取出来, 然后再赋值

代码实现

// 分装对象 转成json传递, 放在父类
// 将方法绑定在跳转的 按钮或者标签上 
function publicsetlabel(){
    var obj ={status: $("input[name='status']:checked").val(),
        pledgeratebefore:$("#pledgeratebefore").val(),
        releasenoteareaid:$("#releasenoteareaid").val(),
        pledgerateafter:$("#pledgerateafter").val(),
        tradeinfo:$("#tradeinfo").val(),
        procinstid:"<%=procinstid%>"};
    $('#labedl', parent.document).val(json.stringify(obj));
}

// 页面加载完成   将数据返回给对应 输入框
$(function () {
    var obj = jquery.parsejson($('#labedl', parent.document).val());

    $("#tradeinfo").val(obj["tradeinfo"]);
    if(obj["pledgeratebefore"] && procinstid=="<%=procinstid%>"){
        $("#pledgeratebefore").val(obj["pledgeratebefore"]);
    }
    if(obj["pledgerateafter"] && procinstid=="<%=procinstid%>"){
        $("#pledgerateafter").val(obj["pledgerateafter"]);
    }   
});