onLoad 或类似的 Ajax？

Question

早安，

我想知道是否有一种方法可以让 Ajax 仅在服务器端代码页中包含的所有元素都已完全加载时才移动到下一个代码段。当检索到的数据是纯文本时没有问题，但有时会包含照片。

这是我一直在使用的部分代码：

xajx.onreadystatechange = function(){
  if(xajx.readyState==4){
    document.all.div1.innerHTML = xajx.responseText;
    document.all.div1.style.display = “”;
  }
}

问题是当response被取回（readyState设置为4）并显示div1时，Photo还没有完全加载，所以实际上用户可以看到图片慢慢出现的过程，就像他在任何其他“正常”情况。我想要做的是让 div1 仅在所有组件完全加载后才可显示，同时系统在后台执行其工作。在 Ajax 之前，我像其他人一样使用隐藏的 iframe，因此我可以在 iframe 标记中（或在外部脚本中）包含一个 onload 事件处理程序，这样 div1 只会在 iframe 完全加载后出现，包括照片。

有什么想法吗？

Answer 1

您可以对图像本身使用“onload”事件。当您像您的情况一样动态下载代码时，您需要弄清楚如何附加该事件。