Javascript 如何使用jQuery从父窗口中的iframe访问数据?

Javascript 如何使用jQuery从父窗口中的iframe访问数据?,javascript,jquery,html,json,iframe,Javascript,Jquery,Html,Json,Iframe,我想使用jQuery访问主(父)窗口中iframe的内容 <iframe id="epsresponse" name="epsresponse" src="js/demo.json"> </iframe> <button>click</button> <div id="atg_store_storedCreditCards"> </div> </div> 点

我想使用jQuery访问主(父)窗口中iframe的内容

    <iframe id="epsresponse" name="epsresponse" src="js/demo.json">
    </iframe>

    <button>click</button>

    <div id="atg_store_storedCreditCards">
    </div>
    </div>

点击
我尝试使用Ajax jQuery添加单独的JSON文件,它工作正常, 当JSON数据在iframe中呈现时,我需要同样的东西

    <script>
    $(document).ready(function(){
         window.onload=function() {
            var iframeContent = $('#epsresponse').html();
            console.log(iframeContent);
         };
        $('button').live('click', function(){
            $.ajax({
                type:'GET',
                url: 'js/demo.json',
                dataType:'json',
                cache:false,
                success: function(data){
                    if(data.status == "success"){
                        console.log(data.nickname); 
                        console.log(data.token); 
                        console.log(data.expirationMonth); 
                        console.log(data.expirationYear); 
                        console.log(data.nameOnCard); 
                        console.log(data.creditCardNumber); 
                        console.log(data.creditCardType); 

                        $('#atg_store_storedCreditCards').append('<div class="atg_store_storedCreditCards"><div class="nickname">'+data.nickname+'</div><div class="token">'+data.token+'</div><div class="expirationMonth">'+data.expirationMonth+'</div><div class="expirationYear">'+data.expirationYear+'</div><div class="nameOnCard">'+data.nameOnCard+'</div><div class="creditCardNumber">'+data.creditCardNumber+'</div><div class="creditCardType">'+data.creditCardType+'</div></div>');
                        //<div class="token">'+data.token+'</div><div class="expirationMonth">'+data.expirationMonth+'</div><div class="expirationYear">'+data.expirationYear+'</div><div class="nameOnCard">'+data.nameOnCard+'</div><div class="creditCardNumber">'data.creditCardNumber+'</div><div class="creditCardType">'data.creditCardType+'</div>  
                        //$('#nickname').html('+ nickname +');          
                    }
                },
                error: function(status){
                    console.log(status);
                }
            });



        });
    });
    </script>

$(文档).ready(函数(){
window.onload=function(){
var iframeContent=$('#epsresponse').html();
console.log(iframeContent);
};
$('button').live('click',function()){
$.ajax({
类型:'GET',
url:'js/demo.json',
数据类型:'json',
cache:false,
成功:功能(数据){
如果(data.status==“成功”){
console.log(data.昵称);
console.log(data.token);
console.log(data.expirationMonth);
console.log(data.expirationYear);
console.log(data.nameocard);
console.log(data.creditCardNumber);
console.log(data.creditCardType);
$(“#atg#U store_storedCreditCards”).append(“”+data.昵称+“”+data.token+“”+data.expirationMonth+“”+data.expirationYear+“”+data.nameOnCard+“”+data.creditCardNumber+“”+data.creditCardType+“”);
//“+data.token+''+data.expirationMonth+''+data.expirationYear+''+data.nameOnCard+''data.creditCardNumber+''data.creditCardType+”
//$('#昵称').html('+昵称+');
}
},
错误:功能(状态){
控制台日志(状态);
}
});
});
});

然后执行
$(frameDoc).find()

为什么要使用json的iFrame?为什么不用ajax加载jSon呢?看看这个。这可能会有帮助
var frameDoc = window.frames[ 0 ].document;