当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 利用js对象将iframe数据缓存, 实现子页面跳转后, 返回时不丢失之前填写的数据

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

2019年08月20日  | 移动技术网IT编程  | 我要评论

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网