<button id="btn">Запрос</button>
<div id="output"></div>
button { padding: 10px; font-size: 1.6rem;}
//когда страница загрузиться - повесить на кнопку обработчик события клик
window.addEventListener("load", function() {
  var btn = document.getElementById("btn");

  btn.addEventListener("click", getInfo);
});

function getInfo() {
  var xhr = new XMLHttpRequest(); //создаём новый экземляр объекта
  var protocol = "http://";
  var host = "useruserov.ru";
  var resourcePath = "/file/test.php";
  var uri = protocol + host + resourcePath;
  
  //метод запроса, адрес URL ресурса, асинхроность/синхроность
  xhr.open("GET", uri, false);//синхроно

  //отправка тела сообщения - в данном случаии оно пустое
  xhr.send(null);
  console.dir(xhr)
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.