JavaScript Two ways of chaining ajax jquery calls. Right one?

I have the next chain of ajax calls:

ajaxCall1().then(function(){
    ajaxCall2(). then(function(){
       ajaxCall3().then(function(){
            ....
        })
    })
 })

As you can see I am not returning the ajax calls but its just work fine. The next way is what I have seen as examples:

 ajaxCall1()
   .then(function(){
        return ajaxCall2()
    })
   .then(function(){
        return ajaxCall3()
    }).then(function(){
        ....
    })

What would be the right way?

Thanks

Answer:1

The first pattern is actually a well-known promise anti-pattern.

The chainability of promises allows us to get away from nesting callbacks and maintain a vertical structure.

Answer:2

need help with little thing. I've searched current question, but didn't find good example. I have two arrays with same count of objects: array1 = [{ id: 1, name: 'Johnny'}, { id: 2, name: 'Mike'}]; ...

need help with little thing. I've searched current question, but didn't find good example. I have two arrays with same count of objects: array1 = [{ id: 1, name: 'Johnny'}, { id: 2, name: 'Mike'}]; ...

  1. concat arrays into
  2. merging two arrays into one
  3. append into arrays

This function works on loading an external page inside of a div that passes a $_POST variable and click works on the first record on loading the same external page with $_POST variable from query. $(...

This function works on loading an external page inside of a div that passes a $_POST variable and click works on the first record on loading the same external page with $_POST variable from query. $(...

In my Vue-driven HTML I have the line <span>Last updated on {{incident.LastUpdate[0].date}}</span> data in the Vue instance is defined as data: { incident: {} } In the course of ...

In my Vue-driven HTML I have the line <span>Last updated on {{incident.LastUpdate[0].date}}</span> data in the Vue instance is defined as data: { incident: {} } In the course of ...

Suppose I have an array like this: var arr = []; arr["india"] = 7; arr["indonesia"] = 3; arr["usa"] = 1; [india: 7, indonesia: 3, usa: 1] I need to get an array like [india: (7/11*100), ...

Suppose I have an array like this: var arr = []; arr["india"] = 7; arr["indonesia"] = 3; arr["usa"] = 1; [india: 7, indonesia: 3, usa: 1] I need to get an array like [india: (7/11*100), ...

  1. calculate percentage from 2 numbers
  2. calculate percentage from two numbers
  3. calculate percentage from fraction
  4. calculate percentage from z score
  5. calculate percentage from total
  6. calculate percentage from ratio
  7. calculate percentage from number
  8. calculate percentage from decimal
  9. calculate percentage from pivot table
  10. calculate percentage from price
  11. calculate percentage from points
  12. calculate percentage from histogram
  13. calculate percentage from odds ratio
  14. calculate percentage from percentile
  15. calculate percentage from two numbers excel
  16. calculate percentage from mean and standard deviation
  17. calculate percentage from mg/ml
  18. calculate percentage from total amount
  19. calculate percentage from standard deviation
  20. calculate percentage from normal distribution