如何使用纯javascript执行以下操作？

这是我为获取图像类型而编写的ajax请求。如何使用纯javascript执行相同的操作？

使用javascript，您需要执行以下操作：

---

+你需要注意每一个可能的错误你到底怀疑什么部分？如何提出请求或如何获取标题？我的疑问是如何获取标题@Federico klez Culloca我如何获取标题@香港先生

$.ajax({
  url: 'https://www.gravatar.com/avatar/71b0d516013802a2d67aeb7c2e77ed32?s=48&d=identicon&r=PG&f=1',
  success: function(r, s, x){ 
    var type = x.getResponseHeader("content-type");
    console.log(type); 
  }
});

<script type="text/javascript">
function loadXMLDoc() {
    var xmlhttp = new XMLHttpRequest();

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == XMLHttpRequest.DONE) {   // XMLHttpRequest.DONE == 4
           if (xmlhttp.status == 200) {
               document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
           }
           else if (xmlhttp.status == 400) {
              alert('There was an error 400');
           }
           else {
               alert('something else other than 200 was returned');
           }
        }
    };

    xmlhttp.open("GET", "ajax_info.txt", true);
    xmlhttp.send();
}
</script>