javascript - Cómo leer la respuesta de error JSON desde $ http si responseType es arraybuffer

responsetype arraybuffer

Question

Cargué algunos datos binarios usando

$http.post(url, data, { responseType: "arraybuffer" }).success(
            function (data) { /*  */ });

En caso de error, el servidor responde con un objeto JSON de error como

{ "message" : "something went wrong!" }

¿Hay alguna forma de obtener la respuesta de error en un tipo diferente al de una respuesta exitosa?

$http.post(url, data, { responseType: "arraybuffer" })
  .success(function (data) { /*  */ })
  .error(function (data) { /* how to access data.message ??? */ })

Answer 1

Edición: como señala @Paul LeBeau, mi respuesta asume que la respuesta está codificada en ASCII.

Básicamente, solo necesitas decodificar el ArrayBuffer en una cadena y usar JSON.parse ().

var decodedString = String.fromCharCode.apply(null, new Uint8Array(data));
var obj = JSON.parse(decodedString);
var message = obj[''message''];

Realicé pruebas en IE11 y Chrome y esto funciona bien.

Answer 2

La respuesta de @ smkanadl asume que la respuesta es ASCII. Si su respuesta está en otra codificación, entonces eso no funcionará.

Los navegadores modernos (por ejemplo, FF y Chrome, pero no IE aún) ahora admiten la interfaz TextDecoder que le permite decodificar una cadena desde un ArrayBuffer (a través de un DataView ).

if (''TextDecoder'' in window) {
  // Decode as UTF-8
  var dataView = new DataView(data);
  var decoder = new TextDecoder(''utf8'');
  var response = JSON.parse(decoder.decode(dataView));
} else {
  // Fallback decode as ASCII
  var decodedString = String.fromCharCode.apply(null, new Uint8Array(data));
  var response = JSON.parse(decodedString);
}

Answer 3

Suponga que en su servicio, tiene una función que está utilizando como, Esto es para Angular 2

someFunc (params) {
    let url = ''YOUR API LINK'';
    let headers = new Headers();
    headers.append(''Content-Type'', ''application/json'');
    headers.append(''Authorization'',''Bearer ******'');
    return this._http
            .post(url, JSON.stringify(body), { headers: headers})
            .map(res => res.json());    
}

Asegúrese de que cuando lo devuelva es res.json () y no res.json. Espero que ayude, a cualquiera que tenga este problema