Javascript 在VANILLA JS中的AJAX响应中预加载图像

我有一个AJAX调用，它的响应将把一些HTML输入到DIV的innerHTML中

响应可以包含图像，我希望在自定义加载div隐藏之前加载所有这些图像

我想用香草JS做这个。不幸的是，到目前为止，我在这里发现的每个问题都是通过jQuery解决的

我曾尝试向DIV和xhttp对象添加onload事件侦听器，但两者都不起作用。一旦接收并插入HTML代码，加载程序就会消失，然后用户可以单独见证每个图像加载

   document.getElementById("pageloader").className = "fadein";
   var poststring = "&page="+encodeURIComponent(page);
   var xhttp = new XMLHttpRequest();
   xhttp.addEventListener("load", function() {
      document.getElementById("pageloader").className = "fadeout";
   });
   xhttp.onreadystatechange = function() {
      if (this.readyState == 4 && this.status == 200) {
         document.getElementById("content").innerHTML = this.responseText;
      }
   };
   xhttp.open("POST", "myajax.php", true);
   xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
   xhttp.send(poststring);

---

您有一些代码示例吗？添加了XHTP。您没有调用XHTP请求，如果您只是没有包含该部分，请尝试使用其他侦听器，例如

onEndLoad

，

loadend

，

loadfinish

，等等。请遵守规范，因为您正在侦听的是加载，而不是加载完成。Loadend等似乎不起作用。这里的任何东西看起来都不合适，我猜事件侦听器必须附加到xhttp对象以外的其他对象