Caros, preciso consumir dados JSON ao término do carregamento da página com JavaScript. Fiz da seguinte forma:
document.addEventListener("DOMContentLoaded", function(event) {
var xhr = new XMLHttpRequest();
xhr.open("GET", "http://www.exemplo.com/exemplo");
xhr.addEventListener("load", function(){
var response = xhr.responseText;
var products = JSON.parse(response);
products.forEach(function(product){
console.log(product);
});
});
xhr.send();
})
Porém, dá o seguinte
Uncaught TypeError: products.forEach is not a function
at XMLHttpRequest.<anonymous>
Obs: Fiz a chamada do arquivo .js externo no final do documento HTML.
Poderiam me dizer o que estou fazendo de errado? Muito obrigado.