利用js对象将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:vuex详解


下一篇:Aero问题