how to parse JSON Response(Data) in javascript.

Question

i am little new to javascript..Can anyone help me out from here.My JSON Response is like below:And i want to parse it and show it in the Table.

And my javascript code is below:

function parseData() {
    var xmlhttp = new XMLHttpRequest();
    var url = "http://beta.json-generator.com/api/json/get/NJqfdNMx-";

    xmlhttp.onreadystatechange=function() {
        if (this.readyState == 4 && this.status == 200) {
            myFunction(this.responseText);
        }
    }
    xmlhttp.open("GET", url, true);
    xmlhttp.send();

    function myFunction(response) {
        var arr = JSON.parse(response);
        var i;
        var out = "<table>";
     for(i = 0; i < arr.length; i++) {
             out += "<tr><td>" +
             arr[i].text +
            "</td><td>" +
             arr[i].text +
            "</td><td>" +
            arr[i].text +
            "</td></tr>";
      }
      out += "</table>";
      document.getElementById("id01").innerHTML = out;
    }

}

Variable arr is coming undefined object.Better you can through url..so that you will get more close@Leopard — Vikash Kumar
– Vikash Kumar, Commented Sep 15, 2016 at 9:21
My JSON Response is like below - there is no JSON below ... only your script. Did you forget to add it to the question? — Jaromanda X
– Jaromanda X, Commented Sep 15, 2016 at 9:23
Please go through my url beta.json-generator.com/api/json/get/NJqfdNMx-@JaromandaX — Vikash Kumar
– Vikash Kumar, Commented Sep 15, 2016 at 9:27

Mairaj Ahmad · Accepted Answer · 2016-09-15 09:34:00Z

1

Your JSON response contains object it doesn't directly contain array so you can't loop on response directly.

Your JSON response contains object with property text which contains further properties.

var arr = JSON.parse(response);
var text = arr.text;

This is value of text

{itemCount: 31, sleepActivities: Array[26], runActivities: Array[1], freePlayActivities: Array[3], bikeActivities: Array[1]}

Now you can loop on sleepActivities or runActivities or freePlayActivities or bikeActivities. You can loop over any array you want to get data.

for(i = 0; i < text.sleepActivities.length; i++) {
//your code  
}

answered Sep 15, 2016 at 9:34

Mairaj Ahmad

14.6k2 gold badges29 silver badges43 bronze badges

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

1 Comment

Vikash Kumar Over a year ago

let me try it @Leopard..Thanks

Nojesh · Accepted Answer · 2016-09-15 09:22:31Z

0

Need your Json data or Please go through this site
W3School JSON Handling Methods

which helps you more

answered Sep 15, 2016 at 9:22

Nojesh

12 bronze badges

1 Comment

Jaromanda X Over a year ago

JSON Response which i have is different - wow, w3fools didn't have example code that exactly duplicates your particular issue?! How odd

jais · Accepted Answer · 2016-09-15 10:12:40Z

Your response contains object but you don't need use JSON.parse. Because the response is pure JSON. You need to follow the below steps

var arr = response.text

it will return below result

Object {itemCount: 31, sleepActivities: Array[26], runActivities: Array[1],    freePlayActivities: Array[3], bikeActivities: Array[1]}

for eg if you want to take sleepActivities from the response. Follow the process

var sleepActivities = response.text.sleepActivities
$.each(sleepActivities ,function(i,val){
    console.log(val.heartRateSummary.averageHeartRate);
})

Collectives™ on Stack Overflow

how to parse JSON Response(Data) in javascript.

3 Answers 3

1 Comment

1 Comment

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

1 Comment

Related