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