Console.log-Anweisung zeigt undefined beim Protokollieren einer AJAX/JSON-Anfrage

Question

Dies ist das erste Mal, dass ich AJAX verwendet habe, ich bin sicher, dass andere Leute diesen Fehler hatten, aber nach vielen Versuchen und Suchen kann ich die Antwort nicht finden . Ich bin mir sicher, dass es etwas Einfaches ist. Ich würde mich über jede Hilfe freuen.

// 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 ist ein JavaScript-Objekt und kein Array.

Ich denke, von ourData[1] Sie das Datum erhalten möchten, so stattdessen müssen Sie ourData.date oder 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

tun Da respoonse in Json ist, so dass Sie den folgenden Code verwenden können, und benutze was auch immer du willst

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();