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