Parsing JSONArray response in AJAX

Question

For the sake of keeping this question limited, here is an example from W3Schools that I extended to give an idea of what I am trying to accomplish.

HTML:

<p id="demo"></p>

JS

var objA = [
    { "name":"John", "age":30, "city":"New York"},
    { "name2":"John2", "age2":302, "city2":"New York2"}
];

document.getElementById("demo").innerHTML = objA.name;

This prints undefined. What am I doing wrong?

Thanks!

After review... I have this now...

<p id="demo"></p>
<p id="demo2"></p>

for(var i=0;i < objA.length;i++){
    document.getElementById("demo").innerHTML += objA[i]["name"];
    document.getElementById("demo2").innerHTML += objA[i]["name"];
}

if I leave the =+ in, it prints both JohnJohn2 in both p tags. If I remove the +, it prints just John2 in both tags. The first p tag should print john, and the second should print john2

https://jsfiddle.net/gs4zdupn/

Try like this objA[0].name

JYoThI
– JYoThI

2018-06-06 13:04:52 +00:00
Commented Jun 6, 2018 at 13:04 — JYoThI
– JYoThI, Commented Jun 6, 2018 at 13:04

vlad mcandrew · Accepted Answer · 2018-06-06 13:06:48Z

2

Instead of

objA.name

You do

objA[0][“name”]

answered Jun 6, 2018 at 13:06

vlad mcandrew

1899 bronze badges

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

1 Comment

letsCode Over a year ago

what is i have multiple without knowing what index im on? how is a loop done in js?

vlad mcandrew · Accepted Answer · 2018-06-06 13:12:00Z

1

For loop is like so

for(var i=0;i < objA.length;I++){
//whatever you want like objA[i]
}

answered Jun 6, 2018 at 13:12

vlad mcandrew

1899 bronze badges

1 Comment

letsCode Over a year ago

thanks. cant add comment? its not adding both into demo. if I do += it adds both, but not in the way Im looking for. Im bascially taking a response and fulling in a bootstrap table.

vlad mcandrew · Accepted Answer · 2018-06-06 13:24:04Z

0

The comment is a placeholder for your code. Don’t take it literally.

answered Jun 6, 2018 at 13:24

vlad mcandrew

1899 bronze badges

Comments

vlad mcandrew · Accepted Answer · 2018-06-06 13:39:35Z

0

First let’s start from the beginning. Your JSON is in an array. So you don’t need name and name2. Just name it “name” for both.

var objA = [
{ "name":"John", "age":30, "city":"New York"},
{ "name":"John2", "age":302, "city":"New York2"}
];

Then for your for loop do this

for(var i=0;i < objA.length;i++){
document.getElementById("demo"+(i+1) ).innerHTML += objA[i]["name"];
document.getElementById("demo"+(i+1)).innerHTML += objA[i]["name"];
}

Remember to rename your p tag id’s as such

<p id="demo1"></p>
<p id="demo2"></p>

answered Jun 6, 2018 at 13:39

vlad mcandrew

1899 bronze badges

1 Comment

letsCode Over a year ago

this didnt work. look at my jsfiddle... play around with it if u want.

Collectives™ on Stack Overflow

Parsing JSONArray response in AJAX

4 Answers 4

1 Comment

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related