1. 程式人生 > >jquery 父子頁面傳參的解決方案

jquery 父子頁面傳參的解決方案

父頁面相關:

按鈕:

<button class="btn tab btn-default" value="1" id="tz" style="height: 35px;width: 135px;">跳轉</button>

js邏輯:

$('#tz').on('click',function(){
        window.open('xxxx?data=1', '_blank', 'height=900, width=1000, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no');
});
function returnDataParam(data){
    console.log(data);
    return data;
}

獲取子頁面的url引數

//獲取url引數
function GetQueryString(name) {
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if(r!=null)return  unescape(r[2]); return null;
}

子頁面傳參:

var data = GetQueryString(data);
if(data==1){
    var dataParam = {
       url : 'xxxx',
       indicators :'xxxx',
       conditions : 'xxxx'
     }
     //條件篩選整理成相關的字串
           
    //獲取資料引數
    alert('資料提取成功!');
    window.opener.returnDataParam(dataParam);
    //關閉當前視窗
     window.close();
}