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

#webdev #javascript #help #api

Top comments (3)

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 • Oct 26 '18

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) • Oct 26 '18 • 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()

DEV Community

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

Top comments (3)

Read next

Github's Top 36 items of Dec 19, 2024

Understanding Java Strings: A Comprehensive Guide

Exploring React Router v7's New Framework: A Modern Take on Routing

API as Product: Prioritizing Developer Experience from Concept to Delivery