Using AngularJS to make repeated API calls with modified parameters

Question

Using AngularJS to make repeated API calls with modified parameters

Issue - My task involves consolidating the response array into one. I am making consecutive calls to the same API, with a dynamic 'skip' parameter based on the last response.

Call #1 - api(id, skip=0)
Call #2 - api(id, skip+1)
...

Below is the implementation:

function combineArrays(jobId, skip, count) {
  appSegmentService.csvDownload(jobId, skip, count)
    .then(function(resp) {
      var finalArray = [];

      finalArray = finalArray.concat(resp.data);
      skip += 5000;

      if (resp.data.length === 5000) {
        finalArray = finalArray.concat(combineArrays(jobId, skip, count));
      } else {
        console.log(finalArray);
      }

    }, function(err) {
      console.error(err);
    });
}

javascript angularjs promise q

Answer 1

Answer №1

For all your array operations, I highly recommend using the lodash package. It is a versatile tool that can make your tasks much easier. You can find more information about it at https://lodash.com/docs/

var _ = require('lodash');
var arr=[];
function addItemsToArray(itemId, start, total) {
                    var localList=appService.retrieveData(itemId, start, total)
                        .then(function (response) {
                            var items = [];

                            items = items.concat(response.data);
                            start += 5000;

                            if (response.data.length === 5000) {

                               return items = items.concat(addItemsToArray(itemId, start, total));
                            } else {
                                console.log(items);
                            }

                        }, function (error) {
                            console.log(error);
                        });
                       arr=_.concat(arr,localList);
                       return arr;

                }

Answer 2

For all your array operations, I highly recommend using the lodash package. It is a versatile tool that can make your tasks much easier. You can find more information about it at https://lodash.com/docs/

var _ = require('lodash');
var arr=[];
function addItemsToArray(itemId, start, total) {
                    var localList=appService.retrieveData(itemId, start, total)
                        .then(function (response) {
                            var items = [];

                            items = items.concat(response.data);
                            start += 5000;

                            if (response.data.length === 5000) {

                               return items = items.concat(addItemsToArray(itemId, start, total));
                            } else {
                                console.log(items);
                            }

                        }, function (error) {
                            console.log(error);
                        });
                       arr=_.concat(arr,localList);
                       return arr;

                }

Using AngularJS to make repeated API calls with modified parameters

Answer №1

Similar questions

Passing props to a wrapped component when utilizing a higher order component in React

The extensive magnetic scrolling functionality in Ionic 2 sets it apart from other frameworks

What is the best way to eliminate a particular item from an array that is nested within the object? (using methods like pop() or any

What is the method with the greatest specificity for applying styles: CSS or JS?

selenium-webdriver causing issues on a nodejs server

Using the $.ajax function with the PUT method and sending an OPTIONS request

Passing methods from child to parent components in Vue2 looped componentsHere is a

Retrieve the selected date from the date picker widget

Which is better: specifying a name in window.open() or using replace?

Navigate through a JSON data structure containing nested arrays

Combining query results/objects by id in an array within a React application with Firebase Firestore

Nesting Angular Controllers with the Same Controller

Declining the request to incorporate an external website into my web platform

What is the best way to incorporate an input id value (based on iteration) into a while loop that points to a specific piece of html located outside of the loop

Creating a singular and distinctive string by combining two keywords

jquery carousel slider dynamically append

The state in a functional component in React fails to update after the initial axios call

How can I load only specific images on a webpage using HTML?

Another option instead of preloading images

Identify the nested Object within the Json data