您的位置:首页 > Web前端 > JQuery

关于jquery操作iframe中内容, 无法正常显示的问题

2014-02-26 19:39 337 查看
今天使用 jquery 操作ifame内容, 代码如下

function getEmail(){

var params={
"user.userId":$("#userId").val()
}
$.ajax({
data:params,
dataType:"json",
url:"getEmail",
type:"post",
success:function(data){
$("#myInfo").attr("src","tablePage.jsp");
$("#myInfo").contents().find("body").append("I'm in an iframe!");
},
error: function(){
alert("ajax请求失败");
}

})
}
其中
$("#myInfo").contents().find("body").append("I'm in an iframe!");
是在iframe中添加内容的. 但是一直无法正常显示, 以为自己写错了.

后来才发现原来是加载时间的问题.

$("#myInfo").attr("src","tablePage.jsp");
后会进行页面刷新, 所以导致 下一句会一起背 reload掉.

改为一下, 成功解决

function getEmail(){
$("#myInfo").attr("src","tablePage.jsp");
var params={
"user.userId":$("#userId").val()
}
$.ajax({
data:params,
dataType:"json",
url:"getEmail",
type:"post",
success:function(data){
$("#myInfo").contents().find("body").append("I'm in an iframe!");},
error: function(){
alert("ajax请求失败");
}

})
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐