Getting "Cannot read property of undefined" in jQuery AJAX

Question

I'm having trouble on getting data from a local JSON file.

I have this peace of code

$.ajax({
    method: 'GET',
    url: './src/assets/api.json',
    success: (function(data) {
      $.each(data, function(index, val) {
        // Code
        console.log('Selling currency: ' + val.eur.pro);
      })
    }),
    error: function() {
      console.log('Something went wrong.');
    }
  })

That throws an error in console:

Cannot read property 'pro' of undefined

My JSON file looks like this

{
  "result": {
    "date": "23.08.2017",
    "eur": {
      "kup": "119.0352",
      "sre": "119.3934",
      "pro": "119.7516"
    },
    "usd": {
      "kup": "101.2032",
      "sre": "101.5077",
      "pro": "101.8122"
    },
    // other objects ...
  }
}

I don't know why is it throwing that error. If I were to remove the pro from the val.eur.pro and leave it like this val.eur it returns the object just fine. I don't know how am I suppose to access the 3rd value.

Looping over a single object seems strange to me. What happens when you do console.log(val.eur)? — David
– David, Commented Aug 25, 2017 at 10:41
The code you've shown works fine: jsfiddle.net/qqfcdyns. This either means there's a discrepancy between your production code and what you've pasted above, or the response JSON is in a different format. Without any more information, we can't help you. — Rory McCrossan
– Rory McCrossan, Commented Aug 25, 2017 at 10:45

Shiladitya · Accepted Answer · 2017-08-25 10:53:34Z

This might help you https://jsfiddle.net/rprxrhLp/

var data = {
  "result": {
    "date": "23.08.2017",
    "eur": {
      "kup": "119.0352",
      "sre": "119.3934",
      "pro": "119.7516"
    },
    "usd": {
      "kup": "101.2032",
      "sre": "101.5077",
      "pro": "101.8122"
    }
  }
};

var keys = Object.keys(data.result);
for(var key in keys){
  if( typeof data.result[keys[key]] === 'object'){
  	$.each(data.result[keys[key]], function(i, v){
    	console.log(keys[key] + ", " + i+ ": " + v)
    })
  	
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

I worked with local data variable. Get the keys from result & then iterate over it.

For getting the pro value, just do this

var keys = Object.keys(data.result);
for(var key in keys){
   if( typeof data.result[keys[key]] === 'object'){
      console.log("Pro value:", data.result[keys[key]].pro);
   }
}

Hope this will help you.

Collectives™ on Stack Overflow

Getting "Cannot read property of undefined" in jQuery AJAX

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related