iframe子页面取父页面的变量问题

iframe包含的子页面,想获取父页面的变量,不能直接获取到。

但是子页面可以访问父页面的方法  window.parent.parentFunctionName();  利用这一点,可以将父页面的变量通过函数返回出来,子页面再调用方法。

                        window.parent 为固定的,   parentFunctionName为父元素的自定义方法,
//父页面中的变量是ajax获取到的:
var fileIds = '';
function affixClick () {
    $.ajax({
        url: '/downloadAccessory?menuid='+menuid,
        method: 'POST',
        data: {
            payRequestId : pay_request_id
        },
        dataType: 'json',
        success: function (data) {
            if(data.status_code == '200'){
                if(data.data.length > 0){
                    fileIds = data.data.fileIds
                }
            }
        },
        error: function (err) {
            errorMess('网络请求错误,请重试!');
        }
    });
}
function getFileIds(){
    return fileIds;
}
//子页面:
var fileIds = window.parent.getFileIds();
原文地址:https://www.cnblogs.com/Mir-bink/p/13359477.html