How to run a double js ajax request loop?

Question

JavaScript

Hello. I have the following problem.
You need to parse an XML file.

I parse it with something like this function (I omitted some details, such as filling in the progress bar, so that the essence is clearer):

function parsing(iterationObject, numberObjects) {

  return $.ajax({
    url: "parse.php",
    method: "GET",
    success: function(data) {
      
      if (iterationObject <= numberObjects) {
        iterationObject++;
        parsing(iterationObject, numberObjects);
      }
    }
  });
}

At the moment, the task has changed somewhat. Each object may or may not contain a number of links to images to be uploaded.

Those. now we need to implement the algorithm:
1. Run a loop through the objects
2. Check for links to images 3. If there are
links, run a loop to upload images one at a time (to implement the second progress bar for images)

and it's nice to implement such a thing. Tell me please.
Thanks in advance to all who respond.

Answer 1

async: true
By default, all requests are sent asynchronously (i.e. true). If you want to send requests synchronously, set to false. Synchronous requests may block the browser for the duration of the request.

Answer 2

Try to write

function parsing(iterationObject, numberObjects) {
  return $.ajax({
    url: "parse.php",
    method: "GET",
    success: function(data) {
      if (data.hasImages){
parsingImages(image, numberImages, iterationObject );
} else 
      if (iterationObject <= numberObjects) {
        iterationObject++;
        parsing(iterationObject, numberObjects);
      }
    }
  });
}

In the parsingImages() function, you will process images using the same recursion.