美好的一天,
我想知道是否有办法让Ajax只在服务器端代码页中包含的所有元素都完全加载时才转移到下一个代码段。当检索到的数据是纯文本时没有问题,但有时会包含照片。
这是我一直使用的代码的一部分:
xajx.onreadystatechange = function(){
if(xajx.readyState==4){
document.all.div1.innerHTML = xajx.responseText;
document.all.div1.style.display = “”;
}
}
问题是当检索到响应(readyState设置为4)并且显示div1时,Photo还没有完全加载,所以实际上用户可以看到图片的过程慢慢出现,就像他在任何其他“正常”的情况。我想要做的是只在所有组件完全加载后使div1可用于显示,同时系统在后台执行其操作。在Ajax之前我使用了像所有人一样的隐藏iframe,所以我可以在iframe标记(或外部脚本)中包含一个onload事件处理程序,因此只有在iframe完全加载后才会出现div1,包括照片。
有什么想法吗?
答案 0 :(得分:2)
您可以在图片上使用'onload'事件。在您按照自己的情况下动态下载代码时,您需要了解如何附加该事件。