How to read JSON error response from $http if responseType is arraybuffer

Question

I load some binary data using

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

In case of an error, the server responds with an error JSON object like

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

Is there any way to get the error response in a different type than a success response?

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

You can return whatever error code/message you want from the server. "Something went wrong" seems like a 500. So in the serverside code once you catch the error don't return a 200 with an error message. For server errors it's 5xx and for client errors it's 4xx — dcodesmith
– dcodesmith, Commented May 5, 2015 at 12:13
@dcodesmith The status code is !== 200.I want to know what went wrong. Therefore I need to read the error message from the response. — hansmaad
– hansmaad, Commented May 5, 2015 at 12:15
@dcodesmith Status code doesn't matter for this question. The question is how to read the error response that is also an arraybuffer. — hansmaad
– hansmaad, Commented May 5, 2015 at 12:17

smkanadl · Accepted Answer · 2016-12-07 09:41:14Z

85

Edit: As @Paul LeBeau points out, my answer assumes that the response is ASCII encoded.

Basically you just need to decode the ArrayBuffer into a string and use JSON.parse().

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

I ran tests in IE11 & Chrome and this works just fine.

edited Dec 7, 2016 at 9:41

answered May 20, 2015 at 13:39

smkanadl

1,07710 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Bassie Over a year ago

This gives me Unexpected token N in JSON at position

smkanadl Over a year ago

Have you looked at the decoded JSON string? Probably your API does not answer in proper JSON at all?

Bassie Over a year ago

Looks like my issue got resolved after casting it as any like this ....apply(null, new Uint8Array(data) as any) (I'm using TypeScript)

jet_choong Over a year ago

Confirmed this is working fine.

Paul LeBeau · Accepted Answer · 2016-10-17 02:35:17Z

29

@smkanadl's answer assumes that the response is ASCII. If your response is in another encoding, then that won't work.

Modern browsers (eg. FF and Chrome, but not IE yet) now support the TextDecoder interface that allows you to decode a string from an ArrayBuffer (via a 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);
}

answered Oct 17, 2016 at 2:35

Paul LeBeau

103k10 gold badges173 silver badges204 bronze badges

1 Comment

smkanadl Over a year ago

Definitely right. I tried your solution back then and found out it does not work in IE which was required.

Adeel Imran · Accepted Answer · 2017-02-09 21:38:06Z

1

Suppose in your service, you have a function you are using like, This is for 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());    
}

Make sure when you return it it is res.json() and not res.json. Hope it helps, to anyone having this issue

answered Feb 9, 2017 at 21:38

Adeel Imran

14k8 gold badges66 silver badges80 bronze badges

Collectives™ on Stack Overflow

How to read JSON error response from $http if responseType is arraybuffer

3 Answers 3

4 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related