当记录AJAX/JSON请求时，Console.log语句显示为undefined

这是我第一次使用AJAX，我确定其他人有这个错误，但经过大量的尝试和搜索后我找不到答案。我相信这很简单。我会很感激任何帮助。当记录AJAX/JSON请求时，Console.log语句显示为undefined

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

来源

2017-02-26 Peter Ayello Wright

所以它显示为未定义，当我运行在眉毛呃并检查控制台。我使用Chrome –

api返回一个对象'{“base”：“EUR”，“date”：“2017-02-24”，...'而不是数组。 - > [MDN：使用对象]（https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects），[fiddle]（https://jsfiddle.net/17x5cgfb/） – Andreas

这是一个跨源请求吗？什么是'.responseText'？什么是'.status'？什么是'ourData'（而不是'ourData [1]'）？ – Bergi

ourData是一个JavaScript对象，而不是一个数组。

我认为ourData[1]你想要得到的日期，所以不是你需要做的ourData.date或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();

来源

2017-02-26 12:45:57 vatz88

非常感谢您的帮助！ –

我知道那是不正确的 –

由于respoonse是使用JSON这样你就可以使用下面的代码和使用任何你喜欢的方式

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

来源

2017-02-26 13:00:19

当记录AJAX/JSON请求时，Console.log语句显示为undefined

回答

相关问题