How to load data from API?

Question

I made this JavaScript (JQuery) to load the data from an API call but it gives me an undefined. This is how it looks:

$(document).ready(function(){
    //Autocomplete for Person
    $(function() {
        $.ajax({
            type: 'GET',
            url: urlReq+'/api/persons/1',
            success: function(response) {
                let modelArray = response;
                let dataModel = {};

                for (let i = 0; i < modelArray.length; i++) {
                    dataModel[modelArray[i].first_name] = null;
                    console.log('data is: '+modelArray[i].first_name);
                }

                $('input.autocomplete_person').autocomplete({
                    data: dataModel,
                });
            }
        });
    });
});

where my urlReq+'/api/persons/1' returns something like this:

{"452":{"id":452,"reference":"20190528155926096","first_name":"John","middle_name":"Smith","third_name":null,"family_name":"Doe"}}

but my problem is that my console gives me this: data is: undefined

D. Richard · Accepted Answer · 2020-03-20 18:31:42Z

1

 {"452":{"id":452,"reference":"20190528155926096","first_name":"John","middle_name":"Smith","third_name":null,"family_name":"Doe"}}

This is not an array so you can’t iterate over it.

answered Mar 20, 2020 at 18:31

D. Richard

4704 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

D. Richard Over a year ago

Yes that’s a JSON format but there is no array inside of that. Please update the response exactly as it comes from the API so I can help

Alexander Paudak Over a year ago

Now the result is something like this:

[{"id":1,"reference":"20190214134326044","first_name":"Alicia","middle_name":"Duncan","third_name":null,"family_name":"Frank"}]

but i still get the undefined result.

Alexander Paudak Over a year ago

Is it because i have more than a thousand data in my database?

D. Richard Over a year ago

You are doing something wrong then. console.log('data is: '+modelArray[i].first_name) should work

D. Richard Over a year ago

No it’s not because of that because the database didn’t fail and you received data from the API

|

user6517903 · Accepted Answer · 2020-03-20 18:36:16Z

0

You can remove the for loop and just assign the response directly:

let firstName = response[0].first_name; // "John"

answered Mar 20, 2020 at 18:36

user6517903

1 Comment

Alexander Paudak Over a year ago

But i have more than 1000 records.

Collectives™ on Stack Overflow

How to load data from API?

2 Answers 2

6 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related