zoukankan      html  css  js  c++  java
  • 利用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"]);
    	}	
    });
    
  • 相关阅读:
    数据结构
    java web
    C++
    SQL(结构化查询语言)
    网站协议
    python
    爬虫
    select 多选
    List 去除重复数据的五种方式
    oracle锁表SID查询
  • 原文地址:https://www.cnblogs.com/bradcai/p/11381693.html
Copyright © 2011-2022 走看看