iterating through a stringified json data in angularjs return undefined

Question

I am trying to iterate through a stringified json data using angularjs but I am getting undefined on outputing the variables. My json format is shown below on picking from the console

{"data":[
{"id":1,"firstname":"jhfhfh","lastname":"hchch","middlename":null,"dob":"hhc","gender":"hhhhchch","nat":"chhch","phonenumber":null,"idn:"chch",
"email":"[email protected]","username":"cat","password":"password","country":"hshh","state":"hdhdh","city":"hdhdh","address":"area","confirmedEmail":null,"dateOfReg":"hhc"}],
"status":200,"config":{"method":"GET","transformRequest":[null],"transformResponse":[null],"url":"/up","requestHeaders":{"Accept":"application/json"},
"params":{"email":"[email protected]"},"headers":{"Accept":"application/json, text/plain, */*"}},"statusText":"OK"}

here is my angular function

getData: function (email) {
        $http({
            method: 'GET',
            url: '/up',
            requestHeaders: {Accept: 'application/json'},
            params: {email: email}
        }).then(function successCallback(res) {
            if (res.status == 204) {

            } else if (res.status == 200) {

                var myJSON = JSON.stringify(res);

                console.log(myJSON); //prints the data

                var variable = '';
                var name = '';
                angular.forEach(myJSON,function(item) { //attempting to do the iteration here
                    variable +=  item.email ;
                    name +=  item.username ;

                })

                alert(variable); //outputs undefined

            }
        }, function errorCallback(response) {
            alert(JSON.stringify(response));
        });
    }
    }

how do I loop through the json data

Your response is already in json.you dont need to stringfy it. — Pravin Tukadiya
– Pravin Tukadiya, Commented May 17, 2018 at 11:24
with .then you need res.data instead of res. Also why are you stringifying it? — Aleksey Solovey
– Aleksey Solovey, Commented May 17, 2018 at 11:24
I am stringifying because res.email keeps outputing undefined. so I decided to stringify it — Learner
– Learner, Commented May 17, 2018 at 11:27
once, again, you need res.data, not res. So for your emails you need res.data.email — Aleksey Solovey
– Aleksey Solovey, Commented May 17, 2018 at 11:28

Shashank Vivek · Accepted Answer · 2018-05-17 11:34:04Z

You are doing it wrong:

getData: function (email) {
    $http({
        method: 'GET',
        url: '/up',
        requestHeaders: {Accept: 'application/json'},
        params: {email: email}
    }).then(function successCallback(res) {
        if (res.status == 204) {

        } else if (res.status == 200) {

            var myJSON = res.data; // <-- THIS IS WHAT I HAVE CHANGED

            console.log(myJSON); //prints the data

            var variable = '';
            var name = '';
            angular.forEach(myJSON,function(item) { //attempting to do the iteration here
                variable +=  item.email ;
                name +=  item.username ;

            })

            alert(variable); //outputs undefined

        }
    }, function errorCallback(response) {
        alert(JSON.stringify(response));
    });
}
}

Do var myJSON = res.data; and it'll work. Your res.data is an array, so iterate over it.

Сергей Сергеевич · Accepted Answer · 2018-05-17 11:50:24Z

0

Use JSON.parse for parse string to JSON object, And after if you have response.data as array you can use native forEach methods

answered May 17, 2018 at 11:50

Сергей Сергеевич

1

1 Comment

CodeF0x Over a year ago

Please provide an example for that.

Collectives™ on Stack Overflow

iterating through a stringified json data in angularjs return undefined

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related