Come leggere risposta di errore JSON da $ http se responseType è ArrayBuffer

Question

passo per caricare alcuni dati binari utilizzando

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

In caso di errore, il server risponde con un oggetto JSON errore come

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

Esiste un modo per ottenere la risposta all'errore in un tipo diverso rispetto a una risposta positiva?

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

Answer 1

Modifica: Come sottolinea @Paul LeBeau, la mia risposta presuppone che la risposta sia codificata ASCII.

Fondamentalmente è sufficiente decodificare ArrayBuffer in una stringa e utilizzare JSON.parse().

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

ho fatto delle prove in IE11 & Chrome e questo funziona bene.

Answer 2

La risposta di @ smkanadl presuppone che la risposta sia ASCII. Se la tua risposta è in un'altra codifica, allora non funzionerà.

Browser moderni (ad es. FF e Chrome, ma non IE ancora) ora supportano l'interfaccia TextDecoder che permette di decodificare una stringa da un ArrayBuffer (tramite 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

Supponiamo che nel vostro servizio, si dispone di una funzione che si sta utilizzando come, questo è per 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());  
} 

Assicurarsi che quando lo restituite è res.json() e non res. jSON. Spero che sia d'aiuto, per chiunque abbia questo problema