Función sencilla para hacer una consulta vía AJAX usando Javascript sin algún framework

index.js

// Declarar una variable global para reusarlo a lo largo del script.
// Esta variable contendrá el objeto XMLHttpRequest.
var httpRequest;

/**
* FUNCIÓN PARA ACTIVAR AJAX Y HACER LA LLAMADA ASÍNCRONA.
* @uses Esta función se dispara al cargarse todos los elementos de la página
* @return Void
*/
function llamadaAjax() {
  httpRequest = new XMLHttpRequest();

  if (!httpRequest) {
    console.error('Hay un problema inicializando httpRequest');
    return false;
  }

  httpRequest.onreadystatechange = mostrarContenido;
  // httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  // httpRequest.setRequestHeader("Content-Type", "application/json");
  httpRequest.open('GET', 'db/datos.json'); // O cualquier otro URL, por ejemplo un API para consumir datos.
  // httpRequest.open('POST', 'db/datos.json');
  httpRequest.send();
  // httpRequest.send("foo=bar&lorem=ipsum");
  // httpRequest.send(JSON.stringify(JSON.stringify({titulo: "txt", bajada: "txt", url: "txt"})));
}

/**
* FUNCIÓN QUE SE DISPARA CUANDO AJAX HAYA REGRESADO CON LOS DATOS SOLICITADOS
* @return Void
*/
function mostrarContenido() {
  if (httpRequest.readyState === XMLHttpRequest.DONE) {
    if (httpRequest.status === 200) {
      var datos = JSON.parse(httpRequest.responseText);
      [].forEach.call(datos, function (item) {
        cosole.info(item);
      })
    } else {
      console.error('Hubo un problema al procesar la solicitud');
    }
  }
}

// AL CARGARSE TODA LA PÁGINA...
window.onload = function () {
  llamadaAjax();
}