Access single array element

[Adamhumbug]

I have an ajax function

function getConsumablePrices($itemId, $qty) {
  $.ajax({
    type: 'post',
    data: {
      "ajax": 'getConsumablePriceByQty',
      'itemId': $itemId,
      'quantity': $qty
    },
    dataType: 'json',
    success: function(resp) {
      console.log(resp)
    }
  })
}

This triggers a php function which after doing a fetch all returns an array that looks like this

{
  "id": 1,
  "item_id": 19,
  "min_qty": 1,
  "max_qty": 499,
  "GBP": 500,
  "USD": 750,
  "CAD": 875
}

I am trying to access individual elements in this object.

I have tried console.log(resp['CAD'] and resp.CAD but i just see undefined.

How would one go about pulling a single element out of this array?

[Barand]

console.log(resp.CAD) should work - if there is a resp. Check developer tools network i browser.

[Adamhumbug]

14 hours ago, Barand said:

console.log(resp.CAD) should work - if there is a resp. Check developer tools network i browser.

console.log(resp[0]['CAD']) - gives me the data i was expecting

console.log(resp.CAD) - gives me undefined

[Barand]

6 minutes ago, Adamhumbug said:

console.log(resp[0]['CAD']) - gives me the data i was expecting

In that case, the sample json data you posted it not the same format as the data you actually received

[Adamhumbug]

5 minutes ago, Barand said:

In that case, the sample json data you posted it not the same format as the data you actually received

The data that i pasted came from the inspector window as the response.

[Barand]

For the "[0]" to be needed then the json data would need to be

[{
 "id": 1,
 "item_id": 19,
 "min_qty": 1,
 "max_qty": 499,
 "GBP": 500,
 "USD": 750,
 "CAD": 875
}]

with the outer [..] to make it an array.