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

mac2022-06-30  26

利用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"]); } });

转载于:https://www.cnblogs.com/bradcai/p/11381693.html

相关资源:JAVA上百实例源码以及开源项目
最新回复(0)