如何使用jQuery在父窗口中從iframe訪問數據？

Question

我想在主（父）窗口中訪問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>

Answer 1

var frameDoc = window.frames[ 0 ].document;

然后你做$(frameDoc).find( <<selector>> );