Analizando JSON desde XMLHttpRequest.Responder

Nuevas formas I: fetch

TL; DR Lo recomendaría de esta manera, siempre y cuando no tenga que enviar solicitudes síncronas o admitir navegadores antiguos.

A mientras su solicitud sea asíncrona, puede usar la API Fetch para enviar solicitudes HTTP. La API fetch funciona con promises , que es una buena manera de manejar flujos de trabajo asíncronos en JavaScript. Con este enfoque se utiliza fetch() para enviar una solicitud y ResponseBody.json() para analizar el respuesta:

fetch(url)
  .then(function(response) {
    return response.json();
  })
  .then(function(jsonResponse) {
    // do something with jsonResponse
  });

Compatibilidad: La API Fetch no es compatible con IE11 ni con Edge 12 y 13. Sin embargo, hay polyfills.

Nuevos caminos II: responseType

Como Londeren ha escrito en su respuesta, los navegadores más nuevos le permiten usar la propiedad responseType para definir el formato esperado de la respuesta. Se puede acceder a los datos de respuesta analizados a través de la propiedad response:

var req = new XMLHttpRequest();
req.responseType = 'json';
req.open('GET', url, true);
req.onload  = function() {
   var jsonResponse = req.response;
   // do something with jsonResponse
};
req.send(null);

Compatibilidad: responseType = 'json' no es compatible con IE11.

La forma clásica

El estándar XMLHttpRequest no tiene ninguna propiedad responseJSON, solo responseText y responseXML. Mientras bitly realmente responda con algo de JSON a tu solicitud, responseText debería contener el código JSON como texto, así que todo lo que tienes que hacer es analizarlo con JSON.parse():

var req = new XMLHttpRequest();
req.overrideMimeType("application/json");
req.open('GET', url, true);
req.onload  = function() {
   var jsonResponse = JSON.parse(req.responseText);
   // do something with jsonResponse
};
req.send(null);

Compatibilidad: Este enfoque debería funcionar con cualquier navegador que soporte XMLHttpRequest y JSON.

JSONHttpRequest

Si prefiere usar responseJSON, pero desea una solución más ligera que jQuery, es posible que desee revisar mi JSONHttpRequest. Funciona exactamente como un XMLHttpRequest normal, pero también proporciona la propiedad responseJSON. Todo lo que tienes que cambiar en tu código sería la primera línea:

var req = new JSONHttpRequest();

JSONHttpRequest también proporciona funcionalidad para enviar fácilmente objetos JavaScript como JSON. Más detalles y el código se pueden encontrar aquí: http://pixelsvsbytes.com/2011/12/teach-your-xmlhttprequest-some-json/.

Revelación completa: Soy el dueño de Pixels / Bytes. Creo que mi guión es una buena solución al problema, así que lo publiqué aquí. Por favor, deja un comentario, si quieres que elimine el enlace.