Can you gunzip the contents of a get request in Angular?

All we need is an easy explanation of the problem, so here it is.

I’m fetching some JSON with angular as:

$http({
    url: 'https://www.somemachine.com/getdata', 
    method: "GET",
    params: {}
}).success(function(data, status, headers, config) {
    console.log(data);
}

The data it’s receiving is quite large, and I’m happy to gzip the source but is there a way to gunzip it when my $http method fetches it?

How to solve :

I know you bored from this bug, So we are here to help you! Take a deep breath and look at the explanation of your problem. We have many solutions to this problem, But we recommend you to use the first method because it is tested & true method that will 100% work for you.

Method 1

Assuming the source is already zipped, just ensure the Accept-Encoding header is set to gzip on the request:

$http.get('https://www.somemachine.com/getdata', { headers: { 'Accept-Encoding': 'gzip' } }
).success(function(data, status, headers, config) {
    console.log(data);
});

The browser will automatically unzip it when it sees the Content-Encoding=gzip header on the response.

Note: Use and implement method 1 because this method fully tested our system.
Thank you 🙂

All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0