设为首页 加入收藏

TOP

利用js对象将iframe数据缓存, 实现子页面跳转后, 返回时不丢失之前填写的数据
2019-09-17 15:46:43 】 浏览:15
Tags:利用 对象 iframe 数据 实现 页面 返回 时不 丢失 之前 填写

利用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"]);
    }   
});
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇Vue 实现一个分页组件 下一篇vue 获取视频时长

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目