Error response with application/json body throws InvalidStateError

[aukevanleeuwen]

When I return a validation error message from my server as with content type application/json with status code 400 this throws the following error:

Uncaught InvalidStateError: Failed to read the 'responseText' property from 'XMLHttpRequest': The value is only accessible if the object's 'responseType' is '' or 'text' (was 'json').

on this line: https://github.com/mzabriskie/axios/blob/f9c46c5c1da731c150febd347708f229e9bc74ab/lib/adapters/xhr.js#L75. Apparently it's not allowed to access the responseText property if the responseType does not match '' or 'text'.

You seem to be aware of this since you are checking exactly this a few lines earlier (https://github.com/mzabriskie/axios/blob/f9c46c5c1da731c150febd347708f229e9bc74ab/lib/adapters/xhr.js#L62).

I'd submit a pull request, but I'm not entirely sure what case is meant by the (request.responseText && xDomain) code...

[mzabriskie]

I think this could be resolved by switching the order of the conditional check:

(xDomain && request.responseText)

This way we only reference request.responseText if it's valid.

[aukevanleeuwen]

Sorry I was doing something else, but had this fix commited on my fork already before I saw your comment. Not sure what you prefer, but you seemed to have the check already in place so I just thought I'd use it.

[mzabriskie]

I think it would be safer to do as I suggested above. Thanks for the PR!

[tomoya]

A few minutes ago, I encountered same issue. but, is was already fixed. very nice! 👍

[solepano]

Hi, I'm using axios within a react + redux app and I'm getting same error when a request that expects a JSON result fails with a 400 error:

DOMException: Failed to read the 'responseText' property from 'XMLHttpRequest': The value is only accessible if the object's 'responseType' is '' or 'text' (was 'json').

Is the issue re-opened?

[GerryFudd]

I just encountered the same problem.

(Edit: I redact my request to reopen this. I was seeing an error from another package that was reported in such a way that it looked like there was an issue with the way axios was handling api responses.)

[ihorml]

If you use redux-axios-middleware just take a look at this issue

[qtttttttttting]

I encounter similar problem @0.16.2.
ajaxInject.js:1 Uncaught DOMException: Failed to read the 'responseText' property from 'XMLHttpRequest': The value is only accessible if the object's 'responseType' is '' or 'text' (was 'blob').
Thank you for your help~