Como faço para acessar os dados deste arquivo Json. Por exemplo retornar o name:
{
"potions": {
"1": {
"id": 1,
"name": "Aging Potion",
"image": "aging-potion.png",
"price": 29.99,
"effect": "Causes the drinker to advance in age",
"ingredients": [
"Red Wine",
"Prune Juice",
"Hairy Fungus",
"Tortoise Shell",
"Caterpillar",
"Bat Tongue"
]
},
}
}
meu Ajax está assim:
var get = function(url, callback){
var teste = new XMLHttpRequest();
teste.onreadystatechange = function(){
if(teste.readyState == 4){
callback(teste.responseText, teste.status);
}
};
teste.open('Get', 'potions.json', true);
teste.send(get);
};
get('potions.json', function(data){
document.getElementById('pteste').innerHTML = data.potions['1'].name;
});