记录AJAX / JSON请求时Console.log语句显示未定义

Question

This is the first time I've used AJAX, I am sure that other people have had this error but after lots of trying and searching I cannot find the answer. I am sure it is something simple. I'd appreciate any assistance.

// create variable for JSON request
var ourRequest = new XMLHttpRequest();

// get request for tested JSON link
ourRequest.open('GET', 'http://api.fixer.io/latest');
ourRequest.onload = function () {
    var ourData = JSON.parse(ourRequest.responseText);
    console.log(ourData[1]);
};

ourRequest.send();

Answer 1

ourData is a JavaScript object and not an array.

I think by ourData[1] you want to get the date, so instead you need to do ourData.date or ourData['date']

 // create variable for JSON request var ourRequest = new XMLHttpRequest(); // get request for tested JSON link ourRequest.open('GET', 'https://api.fixer.io/latest'); ourRequest.onload = function () { var ourData = JSON.parse(ourRequest.responseText); console.log(ourData['date']); console.log(ourData.date); }; ourRequest.send(); 

Answer 2

Since respoonse is in Json so you can use the following code and use whatever way you like

var ourRequest = new XMLHttpRequest();

// get request for tested JSON link
ourRequest.open('GET', 'http://api.fixer.io/latest');
ourRequest.onload = function () {
    var ourData = JSON.parse(ourRequest.responseText);
    console.log(ourData['date']);
    console.log(ourData.date); //or you can write in this format
    console.log(ourData['base']);
    console.log(ourData.base);
    console.log(ourData['rates']);
    console.log(ourData.rates);
    console.log(ourData['rates']['AUD']);
    console.log(ourData['rates'].AUD);
};

ourRequest.send();