What is the best way to retry an HTTP call in AngularJS when the response data is null but the response status is

Question

What is the best way to retry an HTTP call in AngularJS when the response data is null but the response status is

One issue I am encountering is when the server sends back empty XML without any data. Although most of the time everything works smoothly and as expected, sometimes this emptiness causes problems in processing the response.

var isokLayer = $http({
        method: 'GET',
        url: URLs.GEOSERVER_ISOK
    }).then(function(response) {
        if (response.status == 200) {
            do {
                var formatter = new ol.format.WMTSCapabilities();
            } while (response.data == null);

            var datas = (formatter.read(response.data));

            var options = ol.source.WMTS.optionsFromCapabilities(datas, {
                layer: 'CIEN',
                matrixSet: 'EPSG:2180',
            });
            var source = new ol.source.WMTS(options);

            for (var z = 0; z < source.getTileGrid().getMatrixIds().length; ++z) {
                source.getTileGrid().getOrigin(z).reverse(); 
            }

            var result = new ol.layer.Tile({
                source: source,
                visible: false,
                xarisLayerType: 'baseLayer',
                xarisLayerName: 'NMT LPIS',
                xarisLayerSampleIcon: 'assets/styles/img/baseLayerSample/nmt.png',
                zIndex: ConfigService.getBaseLayerZIndex()
            });
            map.addLayer(result);
            layerList.push(result);
        } else {
            console.log(response.status);
        }
    }, function(err) {
        console.log(err);
    });

I'm looking for a way to repeat the HTTP call within my successCallback function if the response data is null. I attempted to restart the process in the errorCallback, but due to the response.status always being 200, the error function never gets executed. Any suggestions on how to handle this scenario?

javascript angularjs httprequest angularjs-http

Answer 1

Answer №1

What do you think of this snippet?

The $q.reject function allows you to reject the current promise. When a promise is rejected, the 'then' method's callback stops executing and a catch callback is triggered.

var isValidLayer = $http({
   // ...
}).then(function(response) {
    if (response.status == 200 && response.data) {
        // ...
    } else if (response.data == null) {
        return $q.reject(response);
    } else {
       console.log(response.status)
    }
}).catch(function(errResponse) {
    console.log(errResponse);
});

Answer 2

What do you think of this snippet?

The $q.reject function allows you to reject the current promise. When a promise is rejected, the 'then' method's callback stops executing and a catch callback is triggered.

var isValidLayer = $http({
   // ...
}).then(function(response) {
    if (response.status == 200 && response.data) {
        // ...
    } else if (response.data == null) {
        return $q.reject(response);
    } else {
       console.log(response.status)
    }
}).catch(function(errResponse) {
    console.log(errResponse);
});

What is the best way to retry an HTTP call in AngularJS when the response data is null but the response status is

Answer №1

Similar questions

The disappearance of ngx-charts lines is observed when the chart is rendered within a PrimeNG dialog that gets closed and reopened

Implementing React hooks to efficiently remove multiple items from an array and update the state

A guide on displaying varying values of a single item across different dates in react.js

How to toggle between two background colors in a webpage with the click of a button using JavaScript

Posts are not appearing on my WordPress theme

Is it possible to alter the canvas origin when using an Orthographic camera with a CSS3D

Tips on creating several conditions within a single filter

Is it possible to implement jQuery events on all elements belonging to a specific class

Display a modal immediately after a successful login to the page

Using Vue to turn a string into a mathematical operation

Error: Discord.js was unable to access the 'id' property because it was undefined

Checking if arrays are empty using ES6 conditional if statements

Error: The current component does not have a template or render function specified. Check the <App>

Ensure that all input fields are validated simultaneously using the required attribute

Do you know of a solution to fix the Stylelint error regarding semicolons when using CSS variables?

Is there a way to send a single POST request to two different external URLs simultaneously?

The code runs perfectly everywhere except inside a setTimeout function

Is there a way to delete both the item and its corresponding key from localStorage?

I'm experiencing an issue with the display of my Pop Up Window

What steps can be taken to avoid caching PHP variables?