DEV Community

loading...

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

deni404 profile image Deni Toshevski ・1 min read

Discussion (3)

Collapse
andy profile image
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.

Collapse
deni404 profile image
Deni Toshevski Author

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.

Collapse
andy profile image
Andy Zhao (he/him) • Edited

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()
Forem Open with the Forem app