Handling web service response with multidimensional array javascript

Question

I am consuming a web service which has multi dimensional array in response, i get undefined output when i alert the elements, please see the code below.

JSON RESPONSE

{  
   "status":1,
   "msg":"cc call history",
   "records":{  
      "1":{  
         "destination":"Canada - Fixed Others",
         "date":"May 05, 2010",
         "time_spent":"1 minutes",
         "amount_charged":"2.18"
      },
      "2":{  
         "destination":"Canada - Fixed Others",
         "date":"May 05, 2010",
         "time_spent":"1 minutes",
         "amount_charged":"2.18"
      }
   }
}

Javascript code

function call()
        {
            alert('call');
            var user_id = sessionStorage.getItem('user_id');
            var authentication_key = sessionStorage.getItem('auth_id');
            alert(user_id);
            alert(authentication_key);
            $.ajax({
                type: 'GET',
                url: 'http://example.com/XXX',
                data: {user_id: user_id, authentication_key: authentication_key},
                success: function (response)
                {
                    obj = JSON.parse(response);
                    var status = obj.status;
                    var msg = obj.msg;
                    var records;

                    alert(status);
                    alert(msg);
                    alert(records);
                    if (status === '0')
                    {
                        alert(status);
                    }
                    else
                    {
                        var lnrc = obj.records.length;
                        alert(lnrc);
                        for (var i = 0; i < 2; i++)
                        {
                            alert('for');
                            var rc1 = obj.records[i];
                            alert(rc1);
                        }
                    }
                },
                error: function () {

                },
            });
        }

Please suggest something.

What multi dimensional array is being returned and where? Your questions says the API your consuming returns JSON? Can you explain further — An0nC0d3r
– An0nC0d3r, Commented Oct 22, 2015 at 7:53
What do you get if you use "console.log(response)" at the top of your success callback? — An0nC0d3r
– An0nC0d3r, Commented Oct 22, 2015 at 7:57

Rayon · Accepted Answer · 2015-10-22 07:58:45Z

1

You can use the for-in loop to iterate through object. Make sure that the key you get is an actual property of an object

var obj = {
  "status": 1,
  "msg": "cc call history",
  "records": {
    "1": {
      "destination": "Canada - Fixed Others",
      "date": "May 05, 2010",
      "time_spent": "1 minutes",
      "amount_charged": "2.18"
    },
    "2": {
      "destination": "Canada - Fixed Others",
      "date": "May 05, 2010",
      "time_spent": "1 minutes",
      "amount_charged": "2.18"
    }
  }
};
var status = obj.status;
var msg = obj.msg;
var records;
if (status === '0') {
  alert(status);
} else {
  for (var key in obj.records) {
    if (obj.records.hasOwnProperty(key)) {
      console.log(obj.records[key]);
    }
  }
  //OR
  Object.keys(obj.records).forEach(function(key) {
  console.log(obj.records[key]);
  });
}

answered Oct 22, 2015 at 7:58

Rayon

36.6k5 gold badges54 silver badges78 bronze badges

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

2 Comments

Rajesh Vishnani Over a year ago

i get the output as [object,object] but where do i replace the key with my actual property

Rayon Over a year ago

Like this: console.log(obj.records[key]['destination']);. obj.records[key] will return you object.

Collectives™ on Stack Overflow

Handling web service response with multidimensional array javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related