Javascript 如何使用jQuery从父窗口中的iframe访问数据?
我想使用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> 点
<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;