How to by using AJAX&Jquery to loop through a given Rest point (API)?

Comments

[Andy Zhao (he/him)]

Hey Deni, I think I understand your question but not entirely sure. Adding some code snippets or examples to your post would help us help you.

I'm guessing you don't need to loop through the endpoint itself and need to loop through the data it returns? If so, you'll have to see what the structure of the data returned. It's most likely an array, but it's hard to say without knowing the endpoint or what you're doing.

Generally though, the data comes back as JSON, either already as an array or an object of objects. The first step (usually) is to figure out what sort of data you're getting and go from there.

[Deni Toshevski]

Hi Andy, yes the data comes back as JSON and it's an object of objects from which I need just a part of it not all the data.

[Andy Zhao (he/him)]

You should be able to access that data and set it as a variable then. Here is an example:

// assuming you have an object structured like this:

{
  people: [ { name: 'Andy' }, { name: 'Deni'} ],
  someThing: {},
  someThingElse: {},
}

// you can do this:

let people = []
fetch('/api/subscribers')
  .then(response => response.json())
  .then(json => {
    people = json.people
  })

people.map(() => {
// do something with the array
})

It's up to you whether or not you want to store the entire data returned, which might make it easier for you in the long run:

let data = null
let people = []
fetch('/api/subscribers')
  .then(response => response.json())
  .then(json => {
    data = json
  })

// data is now available to be used
data.whatever()