如何使用纯 JS 通过 AJAX 获取文件夹中的所有图像？

Question

我试图通过 AJAX 请求获取文件夹中的所有图像（用于图像滑块）。我发现这个 jQuery 解决方案工作得很好，只是它使用了 jQuery。纯 JS 的等价物会是什么样子？（即XMLHttpRequest）

Answer 1

感谢@FZs 的帮助，这就是我最终得到的结果。谢谢你！

var xhr = new XMLHttpRequest();
xhr.open("GET", "/img", true);
xhr.responseType = 'document';
xhr.onload = () => {
  if (xhr.status === 200) {
    var elements = xhr.response.getElementsByTagName("a");
    for (x of elements) {
      if ( x.href.match(/\.(jpe?g|png|gif)$/) ) { 
          let img = document.createElement("img");
          img.src = x.href;
          document.body.appendChild(img);
      } 
    };
  } 
  else {
    alert('Request failed. Returned status of ' + xhr.status);
  }
}
xhr.send()