How to get a JSON file from a server

See more:

Javascript

AngularJs

I am trying to get a JSON file from a server with an AngularJS $http request.
I have no service running on the server, this is just a request to get a file from a specific location.

This is the code I am using:

var urlJSON = 'http://www.somewebsite.com/test.json';
$http({
    method: 'GET',
    url: urlJSON
})
.then(
    function success(response){
        alert('Success');
    },
    function error(message){
        alert('ERROR: ' + message.status + '\r\n' + message.config.url + '\r\n' + message.statusText);
    }
);

This works fine in IE11, but in FireFox, Chrome and Edge the error function is called with status = 0 and the statusText is empty, so not much information to go on.

The version of AngularJS I am using is 1.4.5.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"><script>

The server is an Apache server hosted by GoDaddy and cPanel.
The JSON file has the type "text/x-generic", if that is relevant for my problem.

Of course there is a difference in the browsers and I have missed some configuration or something that has to be done to make it work.
The problem is that I am new to web programming in general and AngularJS in particular, and I cannot figure this out on my own.

Any help would be appreciated.

[UPDATE]
If I try to get a file that doesn't exist from the server, I get status = 404 in IE11 but for the other browsers the status is still 0.