利用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"]); } });
上一篇: 设计模式-结构型-适配器模式
下一篇: 大龄剩女找男朋友